28172 sujets

CSS et mise en forme, CSS3

bonjour,
j'ai une largeur de menu que j'adapte a ma page qui est de 850px.
je souhaiterai que chaque lien dans mon menu fasse width:106px de large afin d'occupé les 850px (j'ai 8 liens)
sa ne fonctionne pas j'ai une marge qui vient de je ne sait ou a la gauche de mon menu et j'ai donc mon dernier lien qui va a la ligne.

je souahiterai avoir mes 8 liens sur la meme ligne et que tous soit a distance egale (106 px)

voilà mon css

#menu {
	background: url(png/menu-aplati.png) no-repeat top;	
	margin: 0px auto; 
	padding:0px;
	width: 850px;
	height:138px;
	overflow:auto;
}

#menu ul { 
background-color:#FF0000;
}

#menu ul li {
	width:106px;
	display:inline-block;
	float:left;
	text-align:center;
	background-color:#9999CC;
}


#menu li a {
	font-weight: bold; 
	font-size: 1.0em; 
	color: #333; 
	font-variant: small-caps; 
	text-decoration: none;
	

}
#menu li a:hover {
	border-bottom: #a1b03b 8px solid;
}
Salut,

Essaie de mettre un margin:0 et un padding:0 sur ton ul.
Modifié par Agylus (14 Apr 2009 - 10:33)