Menu lineaire multi niveau
Bonjour,
Je souhaiterais afficher un deuxième niveau dans mon menu.
Code:
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:
1 2 3
| ul.dropdown li:hover ul{
visibility: visible;
} |
ou celle-ci
Code:
1 2 3
| ul.dropdown li:hover > ul {
visibility: visible;
} |
mais je n'arrive pas à afficher le niveau du dessous
Code:
1 2 3
| ul.dropdown li li:hover > ul {
visibility: visible;
} |
Merci pour votre aide