Discussion :

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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]

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]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.