Problème menu déroulant horizontal pas centré ?

Bonjour à tous, j'ai suivi le tutoriel pour insérer un menu déroulant, je n'ai pas eu de soucis.

J'ai modifié les couleurs et les menus mais impossible de le centrer sur ma page.....

Voila mon code:

body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: center; /* placement du menu, à modifier selon vos besoins */
top: 0;
left: 0;
z-index:100;
width: 100%; /* correction pour Opera */
}
#menu dl {
float: left;
width: 12em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #00000;
border: 1px solid gray;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #B35A94;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #B35A94;
}
#site {
position: center;
z-index: 1;
top : 70px;
left : 10px;
color: #B35A94;
background-color: #B35A94;
padding: 5px;
border: 1px solid gray;
}



J'ai essayé de changer ceci:

#menu dl {
float: left;
width: 12em;
}

en mettant right, ca me l'aligne à droite et en mettant center ca me le passe en menu vertical.....


Si quelqu'un connait une solution, merci à tous
Modifié par eroguro (15 May 2008 - 09:46)

Bonjour eroguro,

First : quelques informations...

Valeurs pour Position.

a écrit :

Static: Positonnement par défaut de l'élément, c'est à dire en fonction de son ordre d'arrivée dans le flux
Absolute: L'élément est positionné par rapport aux bords de la page. Il défile avec la page.
Fixed: L'élément est positionné par rapport aux bords de la page mais ne défile pas avec la page.
(IE6 et < ne reconnaissent pas cette valeur).
Relative: L'élément est positionné par rapport à l'élément précédent.
Inherit: Même valeur que celle de l'élément parent.

Valeurs pour Float.

a écrit :

None: L'élément est inséré dans le flot du texte.
Right: L'élément est placé à droite.
Left: L'élément est placé à gauche.
Inherit: Même valeur que celle de l'élément parent.

"position:center" et "float:center" sont du domaine du mythe urbain et de l'à-peu-prèisme...

Concernant ta problèmatique de centrage, la fonction recherche du forum devrait te fournir des éléments de réponse ici par exemple...

La Faq également...

Quoiqu'il en soit, "tes" déclarations de style sans ton code (x)html ne servent pas à grand chose pour te fournir une réponse la mieux adaptée à ton intégration de ce menu...

Cdt,
Sylvain

Bonjour et bienvenue eroguro,

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