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;
}
