Discussion :

[onda47]

Bonjour tout le monde, après beaucoup d'essai et de combinaison, je n'arrive toujours pas à afficher un menu déroulant pour la navigation...
Voici mon code html simplifié :

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
<nav>
<h1>Index</h1>
<ul>
     <li><a href=".....">item1</a></li>
     <li id="item2"><a href=".....">item2</a>
          <ul>
               <li><a href="......">sous-item 2</a></li>
          </ul>
     </li>
</ul>
</nav>

Mon but étant de cacher la liste à puce fille de item2 et de l'afficher au survol, quelle est la solution la plus simple et qui marche ?

[rodolphebrd]

Bonjour;

il faut que votre ul ul soit en display:none et que votre ul li:hover ul soit en display:block par exemple.

C'est un exemple parmi les innombrables tutos disponibles sur le web.

[onda47]

J'ai déjà essayé le code suivant :

Code :

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

1
2
3
4
5
6
7
8
9
nav ul ul
{
	display: none;
}
 
nav ul li :hover ul
{
	display: block; // ou inline
}

mais ça ne marche pas. Je comprends vraiment pas...

[Bovino]

Code rodolphebrd :

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

ul li:hover ul

Code onda47 :

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

nav ul li :hover ul

C'est pas pareil...
Chez Rodolphe, le :hover s'applique au li, chez toi, il s'applique à un enfant de li et aucune balise enfant des li concernés ne possèdent de balise ul...

[onda47]

Et bien ça ne marche pas non plus
d'ailleurs les listes sont dans nav donc ça devrait marcher quand même

[Bovino]

Je ne te parle pas du nav, mais du li:hover dans un cas et du li :hover dans l'autre, ce qui n'a absolument pas la même signification !