Discussion :

[islyoung2]

Bonjour tous le monde;
voila comme indiqué dans le titre du message je voudrais savoir es qu'il y a un moyen de contourner les deux attributs javascript (onMouseMove et onMouseOut) avec CSS.
je m'explique :
j'ai une liste (ul), où les éléments de cette liste (li) on un style précis (disant style1), je veux lorsque la souris survole un des ces éléments le style de cet élément change (syle2) et évidement il reviens à style1 lorsque la souris n'est plus dessus. Pour l'instant j'utilise javascript (onMouseMove et onMouseOut) et ma question es qu'il y a un moyen de faire cela rien qu'avec CSS.
voila MERTHI pour vos réponses.

[Bovino]

Avec la pseudo classe :hover, (mais ne fonctionne pas avec IE qui n'accepte :hover que pour les liens)

[islyoung2]

(mais ne fonctionne pas avec IE qui n'accepte :hover que pour les liens)

Ce qui fais que si je veux faire fonctionner ma page dans les tous les browser, y a pas un autre moyen que javascript??

[Macmillenium]

Bonjour,

je veux lorsque la souris survole un des ces éléments le style de cet élément change (syle2) et évidement il reviens à style1

Tu peux mettre une balise a entre tes <li></li>
Par exemple :

Code xhtml :

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

1
2
 
<li> <a class="style">bla</a> </li>

Code CSS :

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

1
2
3
 
.style { ici les propriétés style1 }
.style:hover { ici les propriétés style2 au moment du survol }

[Bovino]

Code :

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

<li> <a class="style">bla</a> </li>

Attention, pour IE, il doit y avoir un lien href pour que le :hover fonctionne !

[Macmillenium]

Code :

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

<li> <a class="style">bla</a> </li>

Attention, pour IE, il doit y avoir un lien href pour que le :hover fonctionne !

Oui tout a fait
Dans ce cas là

Code :

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

<li> <a href="#" class="style">bla</a> </li>

Fera l'affaire ...