18073 sujets

Questions générales et questions de débutants

Menu horizontal

je veux établir un menu déroulant sur une bande noire (background-color: #000000) de 18 px
mais quand je fais défiler les sous-menus voilà ce qui se passe, le noir déborde des 18 px

upload/2946-capture.gif
#menu {position: absolute; top: 73px; width: 100%; left: 0; z-index: 100;
(...)
</div>

EDIT par Felipe: effacé tout plein de code maintenant que c'est affiché correctement, voir plus bas
Modifié par Felipe (12 Aug 2005 - 20:48)
Administrateur
Salut et bienvenue Smiley smile

Merci de bien vouloir afficher les exemples et codes correctement, comme les règles t'y invitent Smiley cligne
oui c'est vrai, pardon


 	#menu {position: absolute; top: 73px; width: 100%; left: 0; z-index: 100; height: 18px; background-color: #000000}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu dl {
float: left;
width: 9 em;
}


#menu dt {cursor: pointer; text-align: center; font-weight: bold; background: #FFCC00; border: 1px solid gray; margin: 1px}

#menu dd {
display: none;
border: 1px solid gray;
}

#menu li {text-align: center; background: #99FF66}

#menu li a, #menu dt a {color: black; text-decoration: none; display: block; height: 100%; border: 0 none}

}
#menu li a:hover, #menu li a:focus, #menu dt a:focus {
background-color:#384B59;
}
#menu dt a:hover {
text-decoration: underline;


div id="menu">
<dl>
<dt onmouseover="javascript:montre();"><a href="" title="Retour à l'accueil">Accueil</a></dt>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu1');">Menu 1</dt>
<dd id="smenu1">
<ul>
<li><a href="#">Sous-Menu 1.1</a></li>
<li><a href="#">Sous-Menu 1.2</a></li>
<li><a href="#">Sous-Menu 1.3</a></li>
<li><a href="#">Sous-Menu 1.4</a></li>
<li><a href="#">Sous-Menu 1.5</a></li>
<li><a href="#">Sous-Menu 1.6</a></li>
</ul>

</dd>
</dl>


<dl>
<dt onmouseover="javascript:montre();"><a href="">Menu 2</a></dt>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu3');">Menu 3</dt>
<dd id="smenu3">
<ul>

<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.2</a></li>
<li><a href="#">Sous-Menu 3.3</a></li>
<li><a href="#">Sous-Menu 3.4</a></li>
<li><a href="#">Sous-Menu 3.5</a></li>
</ul>

</dd>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu4');">Menu 4</dt>
<dd id="smenu4">
<ul>
<li><a href="#">Sous-Menu 4.1</a></li>
<li><a href="#">Sous-Menu 4.2</a></li>

<li><a href="#">Sous-Menu 4.3</a></li>
</ul>
</dd>
</dl>

</div>
Sujet clos
Aller à