Alterner la couleur des lignes de mon tableau via un fichier CSS

Version imprimable

Bonjour,

Je suis en difficulté, mon code permettant de générer un tableau via une base de donnée fonctionne bien, le seul hic, c'est que je ne trouve pas la solution pour afficher mon tableau avec une variation de la couleur de ces lignes.

Petit aperçu de ma css :

Code:

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
 
table.pscp {
	text-align: left;
	width: 90%;
	border-collapse: collapse;
	border: 1px solid #AF2626;
	empty-cells: show;
	font-family: Arial;
}
 
td.entete {
	text-align: center;
	font-family: Arial;
	font-size: x-small;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #ff6600;
}
 
td.libelle {
	text-align: left;
	font-family: Arial;
	font-size: x-small;
	padding: 1px;
	border: 1px solid #ff6600;
	background-color: #DDDDDD;
}
td.libelle1 {
	font-family: Arial;
	font-size: x-small;
	padding: 1px;
	border: 1px solid #ff6600;
	background-color: #CCCCCC;
	}
 
td.principal{
	position: relative;
	font-family: Arial;
	width: 200px;
	text-align: center;
}

Je voudrai donc utiliser le « libelle » 1 et 2 à tour de role.

Voici mon code :

Code:

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
 
<html>
 
	<head>
 
	<title>Test création tableau</title>
 
	</head>
 
<body>
 
	<link rel="stylesheet" type="text/css" href="css/tableau.css">
 
		<div class="pscp">
		</div>
 
		<table class="grand" border="1">
			<tr>
					<td class="entete"><FONT size=3><b>Intitulé</b></font><br></td>
					<td class="entete"><FONT size=3><b>Lien</b></font><br></td>
			</tr>
 
<?php
// Déclaration des paramètres de connexion
$host = "localhost";
 
 
 
$user = "****";
 
$bdd = "*****";
 
$passwd  = "****";
 
// Connexion au serveur
mysql_connect($host, $user,$passwd) or die("erreur de connexion au serveur");
 
mysql_select_db($bdd) or die("erreur de connexion a la base de donnees");
 
// Creation et envoi de la requete
$query = "SELECT tableau_lien.tableau_lien_valeur,tableau_lien.tableau_lien_nom,tableau_nom.tableau_nom_valeur FROM tableau_lien,tableau_nom where tableau_lien.tableau_lien_tableau_nom_id=tableau_nom.tableau_nom_id;";
 
$result = mysql_query($query);
 
// Recuperation des resultats
while($row = mysql_fetch_row($result)){
$tableau_lien_valeur = $row[0];
$tableau_lien_nom = $row[1];
 
echo '<tr>
<td class="libelle">'.$tableau_lien_nom.'</td>
<td class="libelle"><a href='.$tableau_lien_valeur.' target="_blank"><img src="fleche_orange.gif" border = 0 /></td>

</tr>';
 
}
 
// Deconnexion de la base de donnees
mysql_close();
 
?>
 
</tr>
 
</table>
 
</body>
 
</html>

Pouvez vous, m'aider dans la réalisation de mon idée.

Merci beaucoup.

Sonia

Bonjour et bienvenue parmi nous.

Il faut créer une bascule qui alternera les styles par ex :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
$result = mysql_query($query);
$couleur = '';
// Recuperation des resultats
while($row = mysql_fetch_row($result)){
$tableau_lien_valeur = $row[0];
$tableau_lien_nom = $row[1];
if ($couleur == ''){
  $couleur = '1';
  }
  else {
  $couleur = '1';
  }
echo '<tr>
<td class="libelle'.$couleur.'">'.$tableau_lien_nom.'</td>
<td class="libelle'.$couleur.'"><a href='.$tableau_lien_valeur.' target="_blank"><img src="fleche_orange.gif" border = 0 /></td>
 
</tr>';
 
}

Bonjour,

Ajoute un compteur dans ta boucle while.
Si ce compteur est pair tu utilises le style 'libelle' sinon tu utilises le style 'libelle1'

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
...
// Recuperation des resultats
$compteur=0;
while($row = mysql_fetch_row($result)){
  if($compteur%2==0) $style = 'libelle';
  else                       $style = 'libelle2';
  $compteur++;
 
....
 
 echo "<tr>
<td class='".$style."'>".$tableau_lien_nom."</td>
 
.....

18/01/2008, 16h07
berceker united
Code:

$bgcolor='#FFCC33';

Premiere solution
Code:

1 2 3 4 5 6 7 for($i=0;$i<10;$i++){ if($bgcolor=='#FFCC33'){ $bgcolor='#CCCCCC'; }else{ $bgcolor='#FFCC33'; } }
Deuxieme solution

Code:

$bgcolor($i%2 == 0)?'#CCCCCC':'#FFCC33';

Tu remplaces le code couleur par le nom de la casse.
Le FOR correspond pour toi au While. Il suffit de rajouter.
18/01/2008, 17h11
SONIA.GERET

Merci boucoup pour vos éléments de réponse.

J'ai enfin réussi.
Je vous souhaite un bon week-end.

Sonia