Bonjour bonjour.
Alors voilà, j'ai commencé à reprendre le tutorial du menu déroulant sur le site en le modifiant un peu à ma sauce pour pouvoir faire varier la largeur des menus.
C un peu casse gueule, mais ça marche.
En revanche, je veux une hauteur de menu précise et centrer le texte verticalement.
En mettant un padding, ça me décale d'autant de pixel vers le bas.
Apparemment sous IE ça marche à peu près, mais pas sous Firefox.
(ça se voit que sur les menu sans menu déroulant, mais ça le fait partout)
Pour tester : s.ojjo.free.fr/test
Une idée? Un conseil? ça fait déjà 2h que je galère.
Voici le code si ça peut vous aider, mais y'en a une tartine.
Modifié le 16 Dec 2004 - 14:56
Alors voilà, j'ai commencé à reprendre le tutorial du menu déroulant sur le site en le modifiant un peu à ma sauce pour pouvoir faire varier la largeur des menus.
C un peu casse gueule, mais ça marche.
En revanche, je veux une hauteur de menu précise et centrer le texte verticalement.
En mettant un padding, ça me décale d'autant de pixel vers le bas.
Apparemment sous IE ça marche à peu près, mais pas sous Firefox.
(ça se voit que sur les menu sans menu déroulant, mais ça le fait partout)
Pour tester : s.ojjo.free.fr/test
Une idée? Un conseil? ça fait déjà 2h que je galère.
Voici le code si ça peut vous aider, mais y'en a une tartine.
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type:none;
}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 0px;
left:0px;
z-index:100;
width: 100%; /* correction pour Opera */
}
#menu dl {
float: left;
}
#menu dt {
position:absolute;
cursor: pointer;
text-align: center;
background: #999999;
border-left: 1px solid white;
border-right: 1px solid white;
font-size:12px;
height:28px;
}
#menu dt a{
padding-top:5px;
}
#menu dt a:hover, #menu dt a:focus {
background: #606060;
}
#menu li a, #menu dt a {
color: white;
text-decoration: none;
display: block;
border: 0 none;
height:100%;
}
#menu dd {
display:none;
position:absolute;
top:28px;
width:12em;
border: 1px solid white;
}
#menu dd a{
padding-left:10px;
}
#menu li {
text-align: left;
background:#606060;
}
#menu li a:hover, #menu li a:focus {
background: #999999;
}
#contenu {
margin-top:20px;
}
#menuBrienne, #smenu1 {
left:0px;
width:110px;
}
#menuVN {
left:111px;
width:128px;
}
#menuV0, #smenu3 {
left:240px;
width:150px;
}
#menuServices, #smenu4 {
left:391px;
width:80px;
}
#menuBoutique {
left:472px;
width:80px;
}
#menuSAV, #smenu6 {
left:553px;
width:50px;
}
#menuEvents, #smenu7 {
left:604px;
width:95px;
}
#menuContacts {
left:700px;
width:70px;
}Modifié le 16 Dec 2004 - 14:56
