28172 sujets

CSS et mise en forme, CSS3

Bonjour, tout le monde , voilà je rencontre actuellement un petit soucis avec mon css au sujet de mon menu.

Voici un screen

http://img246.imageshack.us/img246/8956/menuie.jpg

Comme vous pouvez le constater les deux dernier item ne sont pas aligner.

Voici mon css


.menu2
{
	width:100%;
	height:50px;
	list-style:none;
	position:absolute;
	top:155px;
	left:0px;
	line-height:0px ; margin:0px ; padding:0px ; 		
}

.menu2 li a 
{
	display:block;
	float:left;
	height:50px;
	line-height:32px;
	color:#64777d;
	text-decoration:none;
	font-family:arial, verdana, sans-serif;
	text-align:center;
	font-size:20px;
	text-decoration:none;
	padding:0 0 0 7px;
	cursor:pointer;
}

.menu2 ul
{
	list-style:none;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}


Si quelqu'un peut m'aider Smiley confused

En vous remerciant.
Modifié par Tchupa (05 Mar 2009 - 12:20)
Bonjour,

Essaie d'attribuer une valeur "width" en px ou em à ".menu2 li a" et de retirer le "width: 100%;" de ton ".menu2".
Bon j'ai modifier la class ".menu2"


.menu2
{
	width:900px;
	height:50px;
	list-style:none;
	position:absolute;
	top:155px;
	left:0px;
	line-height:0px ; margin:0px ; padding:0px ; 		
}


En mettant width:900px;

Mais ça ne change rien Smiley decu
Bonjour, peut être ça ?


.menu2
{
	width:100%;
	height:50px;
	list-style:none;
	position:absolute;
	top:155px;
	left:0px;
	margin:0px ; padding:0px ; 		
}

.menu2 li a 
{
	display:block;
	float:left;
        width: 20%;
	height:50px;
	line-height:32px;
	color:#64777d;
	text-decoration:none;
	font-family:arial, verdana, sans-serif;
	text-align:center;
	font-size:20px;
	text-decoration:none;
	padding:0 0 0 7px;
	cursor:pointer;
}

.menu2 ul
{
	list-style:none;
	margin: 0 auto;
	text-align:center;
}

Modifié par flattazor (05 Mar 2009 - 20:59)