problème CSS psudo classe hover

:salut: a tous & a toutes ;)
Voici mon problème :
J'ai un tableau dont j'amerais que les lignes se colorent qunad on passe la souris dessus. Voici le code :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<table><tr class="grise"> <td>Nom</td> <td>Prénom</td> <td>Mail</td><td>Supprimer</td></tr> <tr class="pair"> <td>*****</td> <td>*****</td> <td>*****</td> <td class="important"><a href="admin.php?tech= 7 " title="Supprimer ce technicien" > <IMG src="supprimer.gif" alt="Supprimer ce technicien" align="left" border="0"></a> </tr>

---

on l'a parlé d'une "pseudo classe" hover comment faire pour l'utiliser dans ma feuille de style :

Code:

---

1 2 3 4 5

.pair { background-color:#CCCCFF !important; color:#000; }

---

Merci :hola:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

<script> var oldBck = "#FFFFFF"; function dynamicRowBkgOut(element) { element.style.backgroundColor = oldBck; }   function dynamicRowBkgOver(element) { oldBck = element.style.backgroundColor; element.style.backgroundColor = "#c0c0c0"; } </script>

---

et ton tr :

Code:

---

<tr bgcolor="ffe277" onMouseOut="javascript:dynamicRowBkgOut(this)" onMouseOver="javascript:dynamicRowBkgOver(this)" >

---

:aie:

la pseudo-class :hover serait bien le meilleur moyen d'y arriver si IE, pouvait l'interpréter correctement sur d'autres balises que a.

tu aurai quelquechose comme ca

Code:

---

1 2 3

tr:hover { background-color:#0ee; }

---

cependant les choses étant ce qu'elles sont, je passe par du javascript tour faire ce genre de chose.

Code:

---

1 2 3 4

.trOver { background-color:#0ee; }

---

Code:

---

1 2 3 4

<table> <tr onmouseover="this.className='trOver'" onmouseout="this.className=''"> <td>dummy</td> </tr></table>

---

Comme j'ai oublié de le préciser, je corrige cette erreur : cette application en php ne verra sans doute jamais IE ...
Donc pourrait tu préciser un peu ta méthode stp masu ?
En tout cas, un grand :merci: a tous

le simple tout petit bout de css que j'ai donné dans mon premier post suffit ;)

voila un exemple plus consequent quand meme

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

table { border-collapse:collapse; border: 1px solid black; } td, th { border: 1px solid black; padding: 5px; padding-top:0; padding-bottom:0; } tbody th { font-weight:normal; text-align:left; }     tbody tr:hover {/*selecteur pour changer le couleur de fond au survol*/ background: #0ee; }

---

Code:

---

1 2 3 4 5 6 7

<table summary="exemple"> <thead> <tr><th>titre</th><th>col1</th><th>col2</th></tr> </thead> <tr><th>dummy1</th><td>val1</td><td>bal2</td></tr> <tr><th>dummy2</th><td>val1</td><td>bal2</td></tr> </table>

---

Ok, merci pour tous ces conseils, en fait, je ne suis pas arrivé dze suite a faire la manip que tu m'as donnéea cause d'une erreur bête. En tout cas grace a toi, c'est RESOLU :D