Hover sur une ligne d'un tableau [Résolu]

[seanbean]

Bonjour,

J'ai essayé de mettre un hover sur une ligne de tableau, mais ça ne marche pas du tout.
Voilà mon code:

Code :

1
2
 
tr:hover{background-color: #F38A00;}

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<table>
<thead>
<tr>
<th>Nom</th><th>Prénom</th>
</tr>
</thead>
<tbody>
<tr>
<td>Dupond</td><td>jean</td>
</tr>
</tbody>
</table>

Avez-vous des idées ?

Merci,

[Bovino]

Tu testes sur IE6 ?

[seanbean]

Envoyé par Bovino

Tu testes sur IE6 ?

Je teste sur Firefox et IE 7, ça ne marche pas sur les deux.

[Bisûnûrs]

Il y a forcément autre chose, ce code fonctionne très bien. Comme par exemple une couleur de fond définie sur les td/th et que tu ne nous montres pas.

[seanbean]

Envoyé par Bisûnûrs

Il y a forcément autre chose, ce code fonctionne très bien. Comme par exemple une couleur de fond définie sur les td/th et que tu ne nous montres pas.

Effectivement j'ai rajouté des choses sur les balises que tu as cité, les voilà :

Code :

1
2
3
4
 
th{color: white; background-color:#606766; font:inherit;}
td{color: whitesmoke; background-color: #586A9A;}
td:hover{background-color: #F38A00;}

[Bisûnûrs]

Les couleurs de fond sur les td/th sont plus précises que la couleur de fond que tu veux donner au tr lors du survol, donc ce sont ces premières qui prévalent.

[seanbean]

Envoyé par Bisûnûrs

Les couleurs de fond sur les td/th sont plus précises que la couleur de fond que tu veux donner au tr lors du survol, donc ce sont ces premières qui prévalent.

Ah d'accord je comprends, et en fait est-ce qu'il y a une solution pour contourner cela ? ou bien votre avis sur cela. merci

[Bisûnûrs]

Il doit y avoir une dizaine de solutions pour contourner le problème.

La plus simple étant :

Code :

tr:hover td{ background-color : transparent; }

[seanbean]

Envoyé par Bisûnûrs

Il doit y avoir une dizaine de solutions pour contourner le problème.

La plus simple étant :

Code :

tr:hover td{ background-color : transparent; }

Oui dans ce cas, il prend la couleur de l'arrière plan de la page.
Merci bien