onMouseOut/Over et css

Salut,

j'ai dans une page php ceci :

Code:

---

echo '<tr onMouseOver="this.style.backgroundColor=\'#F1F0FF\'"; onMouseOut="this.style.backgroundColor=\'transparent\'">';

---

ca marche comme ca doit, a savoir que quand je survole une ligne de mon tableau elle passe de transparent à la couleur F1F0FF.

ce que je voudrais c'est faire la meme chose depuis ma feuille de style css.

Code:

---

echo '<tr class="highlight">';

---

Code:

---

1 2 3 4 5

.highlight{ onMouseOut:background:#555555; onMouseOver:background:#FFFFFF; }

---

J'ai eu beau testé tout un tas de config dans ma css, impossible de d'arriver a mon but. Si vous avez des idées n'hésitez pas ! :)

merci

Bonjour,

onMouseOut et onMouseOver n'existe pas en CSS...
Il faudrait passer par hover.

As-tu tenté :

Code:

---

1 2	.highlight { background:#FFF; } .highlight:hover { background:#555; }

---

Mais cela ne fonctionnera pas sous IE6 et < ... :?

Pour bien apprendre CSS suis ces tutoriels et cours de formation CSS : http://css.developpez.com/cours/

je m'en suis sorti avec :

Code:

---

1 2 3 4 5 6 7 8

tr.rowHighlight{ background-color: #transparent }   tr.rowHighlight:hover{ background-color: #F1F0FF }

---

mais effectivement ca ne marche pas avec IE