Discussion :

[benkunz]

Salut,

j'ai dans une page php ceci :

Code :

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

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 :

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

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

Code :

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

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

[HiRoN]

Bonjour,

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

As-tu tenté :

Code CSS :

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

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/

[benkunz]

je m'en suis sorti avec :

Code :

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

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