18073 sujets

Questions générales et questions de débutants

Mise en place d'un menu deroulant

Attention : le centrage par les marges négatives rogne irrémédiablement la partie gauche du contenu dans certaines résolutions d'écran (sans accès possible via le scroll).
Il vaut mieux lui préférer le centrage par les marges auto complété par l'astuce du text-align:center pour IE (Voir la FAQ du forum).
salut,
ça veut dire qu'a la place de

#menu {
position: absolute;
left: 50%; 
width: 908px;
margin-left: -455px; /* moitié de la largeur */
z-index:100;
width: 72%;
}

je devrais mettre
pour le menu

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
text-align: center ;
list-style-type: none;
}
 
#menu {
position: relative;
margin-top: auto;
z-index:100;
width: 100%;
}


maintenant j'ai les 2 validation
mais le menu pousse tout ce qui ce trouve en dessous

@+
Modifié par mod52 (11 Aug 2005 - 08:48)
Administrateur
Attention à l'écriture correcte des exemples ici. Merci de bien vouloir tenir compte des Règles du forum Smiley cligne
cf tuto Le Menu déroulant horizontal
Attention aux décalages ! C'est pourquoi, dans ces cas là, il faudra toujours positionner le menu et le site à part (chacun en position absolue) et leur donner un z-index (profondeur) différent, comme vous le voyez sur l'exemple de résultat.

test
j'ai modifie le code css
mais la validation n'est plus bonne (je ne vois pas ou est le probleme)

de plus j'ai l'impression que lorsque je passe sur les sous menus
ils temblent
si quelqu'un pouvait jeter un oeil
ca serait sympa
merci d'avance
Modifié par mod52 (11 Aug 2005 - 10:14)
mon menu est en 
position : absolute;

il ne pousse plus rien

par contre

voila ce que j'ai comme erreur que je ne comprend pas
j'ai essaye de mettre px ==> ne marche pas

Erreurs
URI :  http://www.emdtechnologie.com/test_css/css/bleu.css
 

    * Ligne: 56 Contexte : #menu

      Propriété érronée : top only 0 can be a length. You must put an unit after your number : 138
    * Ligne: 57 Contexte : #menu

      Propriété érronée : left only 0 can be a length. You must put an unit after your number : 240

[i][/i]
bonjour,
je n'arrive toujours pas a placer mon menu de façon à ce qui soit centrer
aussi bien pour internet explorer que pour firefox
des que je met en place correctement firefox
sur ie le menu se place n'importe comment
est il compatible et si oui
quelqu'un peut il m'orienter vers la solution
merci
lien de ma page
Modifié par mod52 (15 Aug 2005 - 00:02)
Sujet clos
Aller à