pourquoi pas uniquement en CSS ? t'as pas besoin de javascript regarde du cote [url=http://meyerweb.com/eric/css/edge/menus/demo.html]Eric Meyer CSS[/url]

Exploite le positionnement absolu pour ton menu déroulant.

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 :

[code]

<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]

css :

[code]
#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;
}
[/code]

Merci pour votre aide :D