changer la couleur d'une ligne d'un tableau avec les css

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : changer la couleur d'une ligne d'un tableau avec les css

ZZZzzz

Salut, je crée dynamiquement un tableau, j'utilise les css pour que se soit simple.
La couleur de la première ligne du tabeau est en violet
puis les autres lignes sont en rose, dans ces fameuse ligne il y une case avec un lien qui permet rafraichir ma page. J'aimerai uniquement changer la couleur de la ligne corespondant au lien que j'ai cliqué est ce possible ? si oui avez vous une idée

voici un peu de code histoire de vous aidez

extrait de mon style.css

Code :

.CaseRose {
background-color: #FF99FF;
font-size : 11px ;}
.CaseViollette {
background-color: #CC99FF;
font-weight:bold;}
.Lien {
text-decoration:none ;
color:blue;}

le code du tableau

Code :

<TABLE>
<TR class='CaseViollette'>
<TDbgcolor=whitesmoke></TD>
<TD>Date</TD>
<TD>Age</TD>
<TD>Taille  </TD>
<TD>Poids  </TD>
<TD colspan=2>Intervention</TD>
</Tr>
<TR class='CaseRose'>
<TD><img src=images\folders.ico></TD>
<TD>28/06/2005 </TD><TD>24 ans </TD>
<TD></TD>
<TD>73</TD>
<TD><a href='acceuil.php' class='lien'> <BR></a></TD>
</TR>
<TR class='CaseRose'>
<TD><img src=images\folders.ico></TD>
<TD>21/06/2005 </TD>
<TD>24 ans </TD><TD>170</TD><TD>65</TD>
<TD><a href='acceuil.php' class='lien'> Sein <BR></a></TD>
</TR>
</TABLE>

Merci d'avance et bonne prog

Publicité

plainsofpain

Pingouino's lover

Je n'ai pas d'idées, mais ce que je sais, c'est que mettre table,tr,td au lieu de TABLE,TR,TD, c'est vachement plus joli, et aux normes en plus

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be

zapan666

Tout est relatif

je l'ai fais une fois, avec du javascript : j'avais mis un id sur les lignes & quand je cliquais sur une ligne, ça changer la class de la ligne cliqué.

Le truc, c'est que je conservais la ligne cliqué auparavant pour la mettre a l'état après.

Code :

<a class="liens">

ça sert a rien, car <a> est pas définitiono un liens donc dans ton css, tu peux remplacer

Code :

.Lien {
text-decoration:none ;
color:blue;}

par

Code :

a {
text-decoration:none ;
color:blue;}

ZZZzzz

ha ok tu peut me montrer un bout de code histoire de voir ce que ca donne. Je connais pas trop le javascript.

ZZZzzz

J'ai utiliser ta méthode cela fonctionne bien, met étant donné que je rafraichi ma page je perd imédiatement la couleur de la ligne tu as une solution ?

merci d'avance

afbilou

pouet your life

[hors sujet]
Plutot que d'utiliser des classes pour definir les en tetes du tableau dans un autre style tu peux utiliser <thead> et <th> par exemple.

Code :

<table>
<thead>
<tr>
<th>ID</th>
<th>Date</th>
<th>Age</th>
</tr>
</thead>
<tbody>
<tr>
<th>1</th>
<td>01/01/2005</td>
<td>10</td>
</tr>
</tbody>
</table>

et dans un CSS :

Code :

table > thead > tr > th ,
table > tbody > tr > th { background-color: pink; }
table > tbody > tr > td { background-color: blue; }

[/hors sujet]

Message édité par afbilou le 28-06-2005 à 15:29:47

FORUM HardWare.fr

Programmation

HTML/CSS

changer la couleur d'une ligne d'un tableau avec les css

Sujets relatifs
Tableau à multi dimension "variable	comment mettre du texte en couleur ds un post ???
Lire ligne précédente d'un fichier	position d'un calque limitée dans un tableau [résolu]
ListBox ou ListView => chaîne trop longue, cmt passer à la ligne	Comment changer l'icône des boutons d'application MFC ?
mysql en ligne de commandes	tableau: calcul en live de valeur d'un cellule
Passer un tableau en POST	formulaire : ajout d'une ligne
Plus de sujets relatifs à : changer la couleur d'une ligne d'un tableau avec les css

Page générée en 0.089 secondes