(Résolu) Ligne de couleur dans un tableau

Bonjour à tous,

J'ai un petit soucis concernant un tableau que j'ai mis au point. Sur le tableau, quand je sélectionne une colonne, voici ce qui s'affiche :

http://i80.servimg.com/u/f80/11/00/80/43/captur10.png

Or, j'aimerai que ces deux couleurs s'étendent sur toutes les lignes, afin de différencier les lignes. Voici le CSS :

.sortable * {margin:0; padding:0; outline:none}
.sortable {font:10px Verdana,Arial; margin:20px; width:auto; border-left:1px solid #999; border-top:1px solid #999;}
.sortable th {background:url(./images/header-bg.gif); text-align:left; color:#333;}
.sortable th h3 {font-size:10px; padding:6px 8px 8px;}
.sortable td {padding:5px 5px 5px; border-bottom:1px solid #999; border-right:1px solid #999}
.sortable .head h3 {background:url(./images/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc, .sortable .asc {background:url(images/header-selected-bg.gif)}
.sortable .desc h3 {background:url(./images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc h3 {background:url(./images/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .evenrow td {background:#fff}
.sortable .oddrow td {background:#fff}
.sortable td.evenselected {background:#fff}
.sortable td.oddselected {background:#ddd}

Quelqu'un aurait'il une idée de comment faire pour avoir deux couleurs différntes qui s'étendent sur toute la ligne ?

Merci.
Modifié par nova313 (08 Nov 2009 - 12:02)

Salut,

En l'appliquant sur les lignes <tr> et non sur les cellules <td> tu aurais plus de chances que ça marche. Ou alors il faut appliquer la classe sur toutes les cellules de chaques lignes.

Rien n'y fait, voici le fichier PHP :

<tr>
				<td><?php echo $row['name'];?></td>
				<td><?php echo $rank++;?></td><!--> Classement<!-->
				<td><?php echo $score;?></td><!-->Score<!-->
				<td><?php echo ($ratio >=0 ? '+' : '') . $ratio;?></td><!-->Ratio<!-->
				<td><?php echo $row['kills'];?></td><!-->Frags<!-->
				<td><?php echo $row['assists'];?></td><!-->Assists<!-->
				<td><?php echo $row['deaths'];?></td><!-->Deaths<!-->
				<?php 
				$resultMedals = db_query('SELECT mkey FROM medals ORDER BY pos ASC' );

				while ($rowM = db_fetch_array($resultMedals)) {
					$mkey = $rowM['mkey'];					
				?>				
				<td>
				<?php 
					$nbreMedals = db_result(db_query("SELECT SUM(nbre) FROM gamesmedals WHERE pid = '%s' AND mkey = '%s'", $row['pid'],  $mkey));

					echo (empty($nbreMedals) ? 0 : $nbreMedals);
				?>
				</td>
				<?php }?>
			</tr>

Ainsi qu'un autre fichier CSS :

@charset "utf-8";

body {
	font-size:12px;
}

a img {
	border:none
}
a:hover {
	color:#0B3768;
	font-weight:normal;
	text-decoration:underline;
}

a:link, a:visited {
	color:#1875DC;
	font-weight:normal;
	text-decoration:none;
}

body, td, th {
	font-family: Verdana, Geneva, sans-serif;
}

h1 {
	margin:15px 0;
	color:#0B55C4;
	font-size:20px;
	font-weight:bold;
	padding-bottom:8px;
}

form {
	margin:0;
	padding:0;
}

.login {
	width: 500px;
	margin: 100px auto;
}

.login h1 {
	margin:0 0;
	text-align:center;
}

.left {
	float: left;
}


input.tc {
	text-align:center;
}

/** rounded corners **/
div.t, div.b {
	height:6px;
}
div#element-box div.tm {
	background: transparent url(../images/j_border.png) repeat-x scroll 0 0;
}
div#element-box div.tl {
	background: transparent url(../images/j_crn_tr_light.png) no-repeat scroll 100% 0;
}
div#element-box div.tr {
	background: transparent url(../images/j_crn_tl_light.png) no-repeat scroll 0 0;
}

div#element-box div.m {
	width: 498px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	padding: 16px 0;
}

div#element-box div.bm {
	background: transparent url(../images/j_border.png) repeat-x scroll 0 100%;
}
div#element-box div.bl {
	background: transparent url(../images/j_crn_br_light.png) no-repeat scroll 100% 0;
}
div#element-box div.br {
	background: transparent url(../images/j_crn_bl_light.png) no-repeat scroll 0 0;
}

Bonjour,

le PHP ne nous est d'aucune utilité, seul le code HTML généré peut en avoir (à moins que le code CSS ne style du PHP maintenant ? )

Je lis dans ton code CSS (1er post) :

.sortable .evenrow td {background:#fff}

.sortable .oddrow td {background:#fff}

Un des deux devrait pas être autre chose que la couleur blanche ?

Merci beaucoup, ça a marché.