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

changer la couleur d'une ligne d'un tableau avec les css - HTML/CSS - Programmation

Marsh Posté le 28-06-2005 à 13:14:09    

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 :
  1. .CaseRose {
  2. background-color: #FF99FF;
  3. font-size : 11px ;}
  5. .CaseViollette {
  6. background-color: #CC99FF;
  7. font-weight:bold;}
  9. .Lien  {
  10. text-decoration:none ;
  11. color:blue;}


 
le code du tableau
 

Code :
  1. <TABLE>
  2.      <TR class='CaseViollette'>
  3.         <TDbgcolor=whitesmoke></TD>
  4.         <TD>Date</TD>
  5.         <TD>Age</TD>
  6.         <TD>Taille&nbsp;&nbsp;</TD>
  7.         <TD>Poids&nbsp;&nbsp;</TD>
  8.         <TD colspan=2>Intervention</TD>
  9.     </Tr>
  10.     <TR class='CaseRose'>
  11.         <TD><img src=images\folders.ico></TD>
  12.         <TD>28/06/2005&nbsp;</TD><TD>24 ans&nbsp;</TD>
  13.         <TD></TD>
  14.         <TD>73</TD>
  15.         <TD><a href='acceuil.php' class='lien'> <BR></a></TD>
  16.     </TR>
  17.     <TR class='CaseRose'>
  18.         <TD><img src=images\folders.ico></TD>
  19.         <TD>21/06/2005&nbsp;</TD>
  20.         <TD>24 ans&nbsp;</TD><TD>170</TD><TD>65</TD>
  21.         <TD><a href='acceuil.php' class='lien'> Sein <BR></a></TD>
  22.    </TR>
  23. </TABLE>

Merci d'avance et bonne prog

Reply

Marsh Posté le 28-06-2005 à 13:14:09   

Reply

Marsh Posté le 28-06-2005 à 13:40:30    

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
Reply

Marsh Posté le 28-06-2005 à 13:50:49    

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 :
  1. <a class="liens">


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

Code :
  1. .Lien  {
  2. text-decoration:none ;
  3. color:blue;}


par  

Code :
  1. a {
  2. text-decoration:none ;
  3. color:blue;}


Reply

Marsh Posté le 28-06-2005 à 14:04:27    

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

Reply

Marsh Posté le 28-06-2005 à 15:07:01    

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

Reply

Marsh Posté le 28-06-2005 à 15:27:33    

[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 :
  1. <table>
  2. <thead>
  3.   <tr>
  4.    <th>ID</th>
  5.    <th>Date</th>
  6.    <th>Age</th>
  7.   </tr>
  8. </thead>
  10. <tbody>
  11.   <tr>
  12.    <th>1</th>
  13.    <td>01/01/2005</td>
  14.    <td>10</td>
  15.   </tr>
  16. </tbody>
  17. </table>


et dans un CSS :

Code :
  1. table > thead > tr > th ,
  2. table > tbody > tr > th { background-color: pink; }
  3. table > tbody > tr > td { background-color: blue; }


[/hors sujet]


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

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed