Discussion :

[gaet_045]

Bonjour à tous,

je réalise un menu déroulant en css ( sans utiliser javascript), et mes sous menus ne s'affichent pas. Le problème dois venir de la mauvaise interprétation de la pseudo-classe (:hover) par IE.

Suis-je obliger d'utiliser le javascript ou pas ???

Merci de votre aide.
@+

[Dionyzos]

Salut

Il faut savoir que IE ne gère pas la propriété :hover sur autre chose que des <a> (lien)

donc si tu veux que ton sous-menu s'affiche/cache au passage de la souris, il faut que tu l'englobes dans une balise <a> sur laquelle tu crées un :hover dans ta CSS.

Je sais pas si j'ai bien répondu à ta question ?

Sinon, je te conseille vivement le Javascript pour faire ce genre de chose vu les caprices d'IE

[trotters213]

Tu as une astuce mais qui n'est pas correct sémantiquement.

Par exemple si tu veux simuler un hover sur un input :

Code :

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

1
2
3
4
input:hover {
color:red;
background-color:white;
}

Tu redéfinis ton CSS comme ça :

Code :

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

1
2
3
4
a:hover input {color:red;
background-color:white;
cursor:pointer;
}

Puis dans ton code HTML, encadre ton champs input avec une balise a dont l'attribut href fait appel à la l'opérateur javascrript void()

Code HTML :

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

1
2
3
<a href="javascript:void(0)">
   <input type="submit">
</a>