bonjour,
j'ai un petit probleme avec un menu horizontal en css avec sous menu derouleant vertical.
le probleme est le suivant :
si je met une largeur en auto le sous menu ne fonctionne pas. Je suis obligé de mettre une largeur fixe pour que le sous menu s'affiche correctement.
voici mon css.
j'ai un petit probleme avec un menu horizontal en css avec sous menu derouleant vertical.
le probleme est le suivant :
si je met une largeur en auto le sous menu ne fonctionne pas. Je suis obligé de mettre une largeur fixe pour que le sous menu s'affiche correctement.
voici mon css.
/*/////////////////////////////////////
Le menu
/////////////////////////////////////*/
ul#menu { background: #FFFFFF url(../images/fd-menu.jpg) repeat-x top;
margin:0 auto;
padding:0 10px 0 10px;
list-style-type:none;
width:780px;
position:relative;
display:block;
height:35px;
font-size:14px; float:left;
}
ul#menu li {
display:block;
float:left;
text-align:center;
margin:0 6px;
padding:0; width: auto;
}
ul#menu li a {
display:block;
color: #666600;
text-decoration:none;
height:35px;
line-height:35px;
}
ul#menu li a:hover {
color: #0066CC;
}
ul#menu li a:active{
display:inline;
margin:0;
}
ul#menu .sousMenu {
border-top-width : 0;
padding-right : 0;
display : none;
padding-left : 0;
border-left-width : 0;
border-bottom-width : 0;
padding-bottom : 0;
margin : 0;
padding-top : 0;
list-style-type : none;
border-right-width : 0;
}
ul#menu .sousMenu li {
padding : 0;
margin : 0;
text-align : left;
}
ul#menu .sousMenu li a:link {
padding : 0 0 0 10px;
display : block;
background : url(images/fd-sousmenu);
margin : 0;
color : #fff;
text-decoration : none;
}
ul#menu .sousMenu li a:visited {
padding : 0 0 0 10px;
display : block;
background : url(images/fd-sousmenu);
margin : 0;
color : #fff;
text-decoration : none;
}
ul#menu .sousMenu li a:hover {
background-image : none;
background-color : #e2bf10;
}
ul#menu li:hover > .sousMenu {
display : block;
}