[transfere salon css]Positionnement de menu

bonjour,

j'ai créer un menu etirable (tuto de alsa). j'ai positionné ce menu, et lorsque je souhaite en mettre un deuxieme en dessous, je ne le vois pas ( en fait il sont supperposé).

mon css:

dl {
position: absolute;
left: 0px;
width: 160px;
}
dl, dt, dd {
margin: 0;
padding: 0;
}
dl {
background: url(design/menubas.gif) bottom left no-repeat;
padding-bottom: 20px;
}
dt {
height: 20px;
background: url(design/menuhaut.gif) top left no-repeat;
text-align: center;
color: #ffff99;
margin-top: 5px;
font-weight: bold;

}
dd {
padding: 5px 0 0 10px;
text-align: justify;
height: 1px;
background: url(design/menucentre.gif)  left repeat-y;
}

et mon html

<dl>
		<dt>Circulaire du B.O.</dt>
		<ul class="menu">
		<li><dd><a href="http:\\cdt.erea.hostgratos.net/circulaire91.php" title="circulaire de 91">circulaire de 91</a></dd><br/>
		<dd><a href="http:\\cdt.erea.hostgratos.net/indemnite2002.php" title="indemnité des Chefs de Travaux">Indemnité</a></dd><br/>
		<dd><a href="http:\\cdt.erea.hostgratos.net/mouvement.php"  title="Mouvement des Chefs de Travaux">Mouvement</a></dd><br/>
		</li>
		</dl>

d'avance merci du coup de main
Modifié par ganou66 (29 Mar 2005 - 13:17)

Il semble y avoir une grosse erreur dans ton code html. (imbrication de ul ...)

Les menu se superposent puisqu'il sont positionés de manière absolu.

Tu nomme le premier id="menu1" et tu fais

#menu1{top: 0;} et le deuxième id="menu2" => #menu2{top:xxxpx;}

merci pour ta reponse

je vais tester cela tout de suite

effectivement, ta solution fonctionne mais maintenant j'ai un autre probleme
http://cdt.erea.hostgratos.net/essai

comme tu peux le voir ma zone texte est descendu au niveau de mon deuxieme menu

j'ai modifié la partie html, il n'y a plus l'imbrication ul

Comment puis je faire?

d'avance merci
Modifié par ganou66 (29 Mar 2005 - 13:02)