Discussion :

[afrodje]

Bonjour,

Je me suis servi de ce tuto pour faire un menu horizontal déroulant, mais le problème est que la liste déroulante du coté s'affiche sur le coté.

Comment la remettre en-dessous du menu?

J'ai modifié juste le code suivant pour remplancer la div par un input.

Code :

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

1
2
3
4
5
6
 
<input type="button" class="menu" id="Menu2"  value="Menu" onmouseout="fout(this)" onmouseover="fover(this)" />
 <div class="contenuMenu" id="Menu2Item">
	  <div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 21</a></div>
	  <div class="itemOut" onmouseout="this.className='itemOut'" onmouseover="this.className='itemOver'"><a href="#" class="lienMenu">Sous menu 22</a></div>
 </div>

Merci.

[desert]

Quel est l'intérêt de mettre un input à cette endroit ?
Après un rapide coup d'œil, tu peux rajouter ceci :

Code css :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
.menu{
    float: left;
    position: relative;
    margin: 2px;
    padding: 2px;
}

.contenuMenu{
    display: none;
    position: absolute;
    left: 0;
    background-color: #FFFFFF;
}