28172 sujets

CSS et mise en forme, CSS3

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.


/*/////////////////////////////////////
		    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; 
} 
Salut,

"Correctement" est un peu mince comme indice pour deviner comment tu veux qu'il s'affiche, il serait bon que tu nous mette une page en ligne et éventuellement des schémas/captures d'écran pour visualiser un peu mieux le problème et pouvoir t'aider. Smiley cligne
rien n'est encore en ligne car je travail en local pour le moment.
pour exemple je voudrai faire ceci menu
sauf que au lieu d'avoir des largeurs fixes pour les differtens liens je voudrai que se soit automatique car j'aurai des liens du style "lien" et des lien du style "un autre lien pour ça"