Discussion :

[gaya102]

bonjour
J'ai réussi a faire une menu déroulant en utilisant (je sais pas si on peut appelé ça une fonction)

#menuDeroulant li:hover > .sousMenu { display: block; }

mais ca ne fonctionne pas sous IE

Avez vous une autre solution?

Merci par avance de votre aide

[jsd03]

Bonjour,

A quoi sert le ">" ? Tu veux appliquer "display: block;" à "#menuDeroulant li:hover" et à ".sousMenu" ? Si c'est le cas fais juste ceci :

Code :

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

#menuDeroulant li:hover , .sousMenu { display: block; }

[desert]

Le ">" veut dire en gros qu'en l'utilisant, on ne sélectionne uniquement que les enfants sans les sous-enfants.
Malheureusement, IE6 et anciennes versions ne reconnaissent pas ce sélecteur (partiellement sur IE7 si je ne me trompe pas), ni la pseudo-classe ailleurs que sur un lien. Il faut donc passer par du Javascript pour afficher ton sous-menu.

[gaya102]

Avec le css on pouvez donner du style avec le css mais avec java script on peut aussi?

[desert]

Oui. Il te suffit de regarder attentivement le code source de la plupart des menus proposés par developpez pour t'en convaincre. Maintenant, si on utilise du Javascript dans ce cas-ci, c'est simplement pour dépanner.