menu déroulant en css
Posté : 10 juil. 2008, 19:16
Bonjour !
J'ai créé un menu déroulant horizontal en css mais le probleme, c'est qu'à l'ouerture du sous menu, ça décale le texte de la div située dessous. Si qq'un peux m'aider : http://ultimartcreation.com/sitetest/index.php
html :
css :
Merci pour votre aide 
J'ai créé un menu déroulant horizontal en css mais le probleme, c'est qu'à l'ouerture du sous menu, ça décale le texte de la div située dessous. Si qq'un peux m'aider : http://ultimartcreation.com/sitetest/index.php
html :
Code : Tout sélectionner
<div id="conteneur">
<div id="header"></div>
<div id="haut">
<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>
</div>
<div id="droite"></div>
<div id="centre"></div>
<div id="pied"></div>Code : Tout sélectionner
#haut {
height: 18px;
background-color:#000;
border-bottom: 5px solid #000;
text-align: center;
color: #f0008d;
z-index: 100;
}
#centre {
background-color: #fff;
margin-right: 150px;
background-image: url(imagesite/designfondcentre.jpg);
padding-left: 25px;
padding-right: 25px;
text-align: justify;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#haut dl {
float: left;
width: 140px;
margin: 0 1px;
}
#haut dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #000;
border: 1px solid gray;
}
#haut dd {
border: 1px solid #fff;
}
#haut li {
text-align: center;
background: #000;
}
#haut li a, #haut dt a {
color: #f0008d;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}