Discussion :

[domino313131]

bjr, je voudrais realiser un menu deroulant vertical, pour ceci j'ai mis en place la partie html et la partie css que je vous colle ici, mais le menu deroulant quand je passe ma soourie ne s'affiche toujours pas, si qq aurait une idée pour me guider

Partie HTML

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<div id="nav">
        <ul class="niveau1">
          <li class="important"><a href="1">Maison</a></li>
           <li class="sousmenu"><a href="2">Nouvelles</a></li>
 
          <ul class="niveau2">
          <li>test</li>
          <li>test</li>
          <li>test</li>
          </ul>
 
          <li><a href="3">Services</a></li>
 
        </ul>
      </div>

et voila le css

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
#nav ul ul { 
                position: absolute; 
                top: 0; 
                left: 100px; 
                display:none
 }
 
#nav ul.niveau1 li.sousmenu:hover ul.niveau2 
{ 
   display:block; 
}

le sous menu est bien caché, mais lorsque je passe ma menu , il ne s'affiche pas

mci de votre aide

[ornitho13]

Salut,

il ya un problème au niveau de ta structure HTML, le <ul> caché doit être à l'intérieur du <li> sur lequel tu vas faire un rollover:

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<div id="nav">
	<ul class="niveau1">
		<li class="important"><a href="1">Maison</a></li>
		<li class="sousmenu"><a href="2">Nouvelles</a>
			<ul class="niveau2">
				<li>test</li>
				<li>test</li>
				<li>test</li>
			</ul>
		</li>
		<li><a href="3">Services</a></li>
	</ul>
</div>