text en couleur dans un tableau

**molesqualeux** · 16/08/2005, 21h25

Bonjour

voilà je voudrais mettre du text en couleur
code xhtml

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<div class="element_corps3">
<td> <? echo $nom[$rs2["id_player1"]]; ?> </td>
 <td><? echo $prenom[$rs2["id_player1"]]; ?> </td>
 <td><? echo $equipepe[$equipe[$rs2["id_player1"]]]; ?></td>
 <td><?echo $taille[$rs2["id_player1"]]; ?> </td>
 <td><? echo $postete[$poste[$rs2["id_player1"]]];?> </td>
</div>

code css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
.element_corps3
{
 
  color:#ff4147;
}

voilà , le text ne se met pas en couleur à cause des <td> , si je les enleve ca marche , mais j'en ai besoin pour faire mon tableau.
Comment faire ? Les données à afficher viennent de mysql.

merci beaucoup!!

**spirou** · 16/08/2005, 22h01

Salut,

Tout simplement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
td{
color: #ff4147; 
}

**molesqualeux** · 16/08/2005, 23h11

tu es pas très précis!

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
.element_corps3 
{ 
td
{
  color:#ff4147; 
}}

c'est ca?
j'ai essayé ca marchait pas , peut etrre que je dois tout relancer , mais comme je suis pas sur de ta réponse.

[/code]

**spirou** · 17/08/2005, 07h26

Plutôt comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.element_corps3 td{
color:#ff4147; 
}

Par contre, je ne pense pas que la balise td fonctionne dans un div classique,mais j'en suis pas sûr, j'aurais plutôt mis :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<table class="element_corps3"> 
</table>

**Perceval** · 17/08/2005, 10h51

en effet, ca ne fait pas très xhtml tout ca....

Une balise td doit être comprise entre les balises <table> et <tr> cf http://giminik.developpez.com/xhtml/td.html

Ensuite,

.element_corps3
{
td
{
color:#ff4147;
}}

Tu ne peux pas imbriquer des propriétés CSS de cette manière.

Du coup, tu as une structure de ce type

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<table class="element_corps3">
 <tr>
  <?
   echo "<td>".$nom[$rs2["id_player1"]]."</td>";
   echo "<td>".$prenom[$rs2["id_player1"]]."</td>";
   echo "<td>".$equipepe[$equipe[$rs2["id_player1"]]]."</td>";
  ?>
 </tr>
</table>

Et pour ta CSS, ca donnerait comme mentionné plus haut

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.element_corps3 td { color:#ff4147; }

**molesqualeux** · 17/08/2005, 18h55

voici mon code
j'ai mis 2 cas pour simplifier ,
les couleurs c'est bon mais maintenant les colonnes ne sont plus respectées, il n'y a pas d'alignement si vous préférez,
je vois que je ferme mes table à chaque fois que le for a fini ses instructions et qu'il s'apprete a incrémenter le $i, mais je suis bien obligé de fermer la table associée à l'élement corps lui meme associé a une couleur
comment remédier?
Merci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
 
for ($i=1; $i <$k; $i++)  	
{
switch ($postete[$poste[$rs2["id_player$i"]]])    
 
{ case "AT" :
?>
 <table class="element_corps3">
<? if ($k==17) {
?> <tr><td><?echo '<input type="checkbox" name="joueur[]" value ="'.$rs2["id_player$i"].'"  />'; ?> </td>
<? }  else { ?> <tr> <? } 
 
 
 echo "<td>".$nom[$rs2["id_player$i"]]."</td>"; 
   echo "<td>".$prenom[$rs2["id_player$i"]]."</td>"; 
   echo "<td>".$equipepe[$equipe[$rs2["id_player$i"]]]."</td>"; 
  echo "<td>".$taille[$rs2["id_player$i"]]."</td>"; 
   echo "<td>".$postete[$poste[$rs2["id_player$i"]]]."</td>"; 
 
break;
 
 case "MO" :
 ?>
 <table class="element_corps4">
 <? if ($k==17) {
?><tr><td><?echo '<input type="checkbox" name="joueur[]" value ="'.$rs2["id_player$i"].'"  />'; ?></td> 
<? }  else { ?> <tr> <? } 
  echo "<td>".$nom[$rs2["id_player$i"]]."</td>"; 
   echo "<td>".$prenom[$rs2["id_player$i"]]."</td>"; 
   echo "<td>".$equipepe[$equipe[$rs2["id_player$i"]]]."</td>"; 
  echo "<td>".$taille[$rs2["id_player$i"]]."</td>"; 
   echo "<td>".$postete[$poste[$rs2["id_player$i"]]]."</td>"; 
 
break;
}
 
if ($i<12)
{
?>
<td> TIT</td>
<?
}
else
{
?>
<td> REM</td>
<?
}
?>
 
<td><a href="page12b.php?j1=<? echo $rs2["id_player$i"]?>&numid_player=<?echo  $i ?>&cout1=<? echo $taille[$rs2["id_player$i"]]?>&k=<? echo $k; ?>">Transférer</a></td></tr>
</table>

**molesqualeux** · 22/08/2005, 18h43

j'ai un probleme d'alignement de mes colonnes concernant le 1° tableau (table border), je ne comprends pas pourquoi, ;es table class sont là pour que j'applique des couleurs (avec du code css , ca marche bien ici)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
 
table border="0" cellspacing="1" cellpadding="4" width="70%" >
 
 
 
<tr><td>[Nom]  </td>
<td> [Prénom]</td>
<td> [Club]</td>
<td> [Prix]</td>
<td> [Poste]</td>
<td> [Statut]</td></tr>
 
<?
for ($i=1; $i <$k; $i++)  
{
 
switch ($postete[$poste[$rs2["id_player$i"]]])    
 
{ case "AT" :
?>
 <table class="element_corps3">
 
 <tr><td><?echo "".$nom[$rs2["id_player$i"]]."";?> </td>
 <td><?echo "".$prenom[$rs2["id_player$i"]]."";?> </td>
  <td><? echo "".$equipepe[$equipe[$rs2["id_player$i"]]]."";?> </td>
 <td><?echo "".$taille[$rs2["id_player$i"]]."";?> </td>
 <td><?  echo "".$postete[$poste[$rs2["id_player$i"]]]."";?> </td>
 
<?
break;
 
 case "MO" :
 ?>
 <table class="element_corps4">
 
 
 <tr><td><?echo "".$nom[$rs2["id_player$i"]]."";?> </td>
 <td><?echo "".$prenom[$rs2["id_player$i"]]."";?> </td>
  <td><? echo "".$equipepe[$equipe[$rs2["id_player$i"]]]."";?> </td>
 <td><?echo "".$taille[$rs2["id_player$i"]]."";?> </td>
 <td><?  echo "".$postete[$poste[$rs2["id_player$i"]]]."";?> </td>
 
 
<?
break;
 
 
}
 if ($i<12)
{
?>
<td> TIT</td></tr>
<?
}
else
{
?>
<td> REM</td></tr>
 
<?
}
?> </table> <?
 }
 
?>
</table>
?> </table> <?
 }
 
?>
</table>

**Perceval** · 23/08/2005, 09h19

plutot que de nous filer le code PHP, tu devrais nous filer plutot le code HTML qui apparait sur la page web, ca nous permettra d'y voir plus clair...

**molesqualeux** · 23/08/2005, 20h13

sinon les couleurs correspondent au div class (j'ai simplifié dans le code)

**molesqualeux** · 01/09/2005, 22h37

je vois que mon probleme est insoluble ,

quelle solution vous me proposerez pour mettre du text en couleur dans un tableau de données venant de mysql

merci

**balu** · 02/09/2005, 01h47

J'ai une solution où j'ai utilisé le poste pour déterminer la classe à utiliser : nom du poste = nom de la classe.

page.php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<html>
  <head>
    <title>DATA</title>
    <link rel="stylesheet" type="text/css" href="page.css" />
  </head>
 
  <body>
    <?php
      // Récupérer les données de la base de données
      $link = mysql_connect('localhost','employes','qwerty') or die('connexion impossible à la base de données');
      mysql_select_db('employes',$link) or die('base de données introuvable');
 
      $requete = "SELECT * FROM tbl_employes";
      $result = mysql_query($requete,$link);
 
      $result_arr = array();
      while($line = mysql_fetch_array($result,MYSQL_ASSOC)) {
        $result_arr[] = $line;
      }
 
      mysql_close($link);
    ?>
 
    <!-- Afficher les données -->
    <table>
      <tr>
  	<td>[nom]</td>
  	<td>[prenom]</td>
  	<td>[club]</td>
  	<td>[prix]</td>
  	<td>[poste]</td>
  	<td>[statut]</td>
      </tr>
    <?php foreach($result_arr as $line) { ?>
      <tr class="<?php echo strtolower($line['poste']); ?>">
  	<td><?php echo $line['nom']; ?></td>
  	<td><?php echo $line['prenom']; ?></td>
  	<td><?php echo $line['club']; ?></td>
  	<td><?php echo $line['prix']; ?></td>
  	<td><?php echo $line['poste']; ?></td>
  	<td><?php echo $line['statut']; ?></td>
      </tr>
    <?php } ?>
    </table>
  </body>
</html>

page.css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
table { width: 100%; }
.at { color: #87CEFA; }
.mo { color: #9ACD32; }
.md { color: #00FF7F; }
.dc { color: #9932CC; }
.gb { color: #708090; }
.dl { color: #f00; }

Je te met aussi la structure et les données de la table de mon exemple.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
CREATE TABLE `tbl_employes` (
  `id` int(10) unsigned NOT NULL auto_increment,
  `nom` varchar(255) NOT NULL default '',
  `prenom` varchar(255) NOT NULL default '',
  `club` varchar(255) NOT NULL default '',
  `prix` varchar(255) NOT NULL default '',
  `poste` varchar(255) NOT NULL default '',
  `statut` varchar(255) NOT NULL default '',
  PRIMARY KEY  (`id`)
) TYPE=MyISAM AUTO_INCREMENT=15 ;
 
-- 
-- Contenu de la table `tbl_employes`
-- 
 
INSERT INTO `tbl_employes` VALUES (1, 'Akale', 'Kanga', 'bordeaux', '179', 'AT', 'TIT');
INSERT INTO `tbl_employes` VALUES (2, 'Dalmat', 'Stéphane', 'inconnu', '180', 'MO', 'TIT');
INSERT INTO `tbl_employes` VALUES (3, 'Doukantie', 'Vincent', 'troyes', '180', 'MO', 'TIT');
INSERT INTO `tbl_employes` VALUES (4, 'Francia', 'Pablo', 'Le Mans', '175', 'MO', 'TIT');
INSERT INTO `tbl_employes` VALUES (5, 'Lonfat', 'Johann', 'Toulouse', '178', 'MD', 'TIT');
INSERT INTO `tbl_employes` VALUES (6, 'Cinetti', 'Fabio', 'Sochaux', '177', 'MD', 'TIT');
INSERT INTO `tbl_employes` VALUES (7, 'Aubey', 'Lucien', 'inconnu', '180', 'DC', 'TIT');
INSERT INTO `tbl_employes` VALUES (8, 'Ouaddou', 'Abdeslam', 'Strasbourg', '190', 'DC', 'TIT');
INSERT INTO `tbl_employes` VALUES (9, 'Uras', 'Cédric', 'Lens', '183', 'DC', 'TIT');
INSERT INTO `tbl_employes` VALUES (10, 'Gnanhouan', 'Gérard', 'Toulouse', '182', 'GB', 'TIT');
INSERT INTO `tbl_employes` VALUES (11, 'Pedemas', 'Olivier', 'Lyon', '182', 'GB', 'TIT');
INSERT INTO `tbl_employes` VALUES (12, 'Cardetti', 'Martin', 'St-Étienne', '170', 'AT', 'REM');
INSERT INTO `tbl_employes` VALUES (13, 'Evra', 'Patrice', 'Nice', '175', 'DL', 'REM');
INSERT INTO `tbl_employes` VALUES (14, 'Ziani', 'Stéphane', 'Rennes', '171', 'MO', 'REM');