[debutant] personnalisation du menu deroulant horizontal

Bonjour,

Je tente de personnaliser le menu déroulant horizontal mais je ne connais rien en programmation et je bloque...

Le menu est bien placé au bon endroit, je n'arrive pas à "bloquer" le sous menu sous le menu. Il se place plus bas dans la page.

Je pense que le souci vient du css :

<style type="text/css">
<!--
body {margin: 10px;
padding: 0;
font: 1em Verdana, sans-serif;}

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

#menu {
position: relative;

}

#menu dl {
float: left;
}
#menu li {
display: inline;
}

#menu a {
text-decoration: none;
color: #000;
}

#smenu1, #smenu2, #smenu3, #smenu4 {
position: absolute;
left: 0;
font-size: 0.7em;
border-top: 1px solid gray;
width: 400px;
}


.mentions {
position: absolute;
bottom : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}
a {text-decoration: none;
color: #222;
}

-->
</style>

Merci pour votre aide.
Modifié par ratch (02 Sep 2007 - 11:02)

Salut,

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle.

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation



De plus, sans l'intégralité du code html en plus du code css, il risque d'être difficile de trouver une quelconque solution. L'idéal serait même une page en ligne, pour constater par nous même de quoi il s'agit.

Salut,

Es-tu bien sûr de vouloir mettre une marge inférieure à la fois sur dt, dl, dd, ul et li ?