28173 sujets

CSS et mise en forme, CSS3

Ul#menu a:hover ul { display:block} ne marche pas sur IE

J'ai fait un emnu déroulant en css

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<style type="text/css">

ul#menu li ul{
display:none;
}

ul#menu a:hover ul {
display:block;
}

</style>

</head>
<body>

<ul id="menu">
<li >
<a href="#" >Enregistrement
<ul>
<li class="first">
<a href="#" ><span> Enregistrer </span></a></li>
<li><hr /></li>
<li><a href="#" ><span> Recherche</span></a></li>
</ul>
</li>
</a>
</ul>

</body>
</html>


Mais bien qu'il marche avec Firefox, il ne marche pas avec IE.
Je suis bloqué, j'aurais besoin d'un petit coup de main soit pour debogger mon code soit pour avoir un nouveau menu en css (sans javascript).
Bonjour,

Ce n'est de toute façon pas correct sur le principe puisque tu mets des liens à l'intérieur d'un lien Smiley ohwell
Bonjour ouioui2000 Smiley smile

Est-ce que tu pourrais conformément aux règles du forum baliser ton code avec le BBCode [ code][/code ] (sans les espaces) ?

Merci Smiley cligne
J'ai la résponse :
En fouillant j'ai trouvé, il faut un petit javascript spécial
Voir le chapitre 3 de
http://www.ibilab.net/webdev/articles/CSS/creer-menus-cascade-simple-4.html

a écrit :

Est-ce que tu pourrais conformément aux règles du forum baliser ton code avec le BBCode [ code][/code ] (sans les espaces) ?

ok je ferais cela la prochaine fois

a écrit :

Ce n'est de toute façon pas correct sur le principe puisque tu mets des liens à l'intérieur d'un lien

Oui maitre ! Mais le document est valide et conforme au W3C.

Une autres queqtion :
Existe-t-il un moyen simple (puisque celui-la ne marche pas avec IE) d'avoir un menu déroulant sans javascript, juste à base de "hover".
Sujet clos
Aller à