Discussion :

[tchoukapi]

Bonjour,

Je souhaiterais afficher un deuxième niveau dans mon menu.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<ul class="dropdown">
	<li><span class="m1"><a href="/freefly">ONGLET</a></span>
	      <ul class="m1">
	           <li><a href="./">SOUS ONGLET</a>
                        <ul>
    			    <li><a href="./">SOUS SOUS ONGLET 1</a></li>
    			    <li><a href="./">SOUS SOUS ONGLET 2</a></li>
  		         </ul>
                    </li>
              </ul>
	</li>
</ul>

Pour le premier niveau j'utilise cette propriété qui fonctionne :

Code :

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

1
2
3
ul.dropdown li:hover ul{
 visibility: visible;
}

ou celle-ci

Code :

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

1
2
3
ul.dropdown li:hover > ul {
 visibility: visible;
}

mais je n'arrive pas à afficher le niveau du dessous

Code :

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

1
2
3
ul.dropdown li li:hover > ul {
 visibility: visible;
}

Merci pour votre aide

[NoSmoking]

Bonsoir,
il te faut descendre dans la hiérarchie des LIs

Code :

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

1
2
3
4
5
6
7
8
9
ul.dropdown li ul{
 display:none;
}
ul.dropdown li:hover ul.m1{
 display:block;
}
ul.dropdown li li:hover ul.m2{
 display:block;
}

et ainsi de suite...

[tchoukapi]

J'avais un display:none en trop sur le deuxième niveau.
Merci