28172 sujets

CSS et mise en forme, CSS3

Bonjour

je fais appel à vous car mon menu ne veut pas se centrer après plusieurs tentatives. Je veux pas utiliser de padding-left car si on rajoute des liens ca risque d'aller à la ligne

voici mon html



<div id="content_footer">
        	<div id="menu_footer">	
        		<ul> 
           			<li><a href="#">Qui sommes-nous ?</a></li> 
           			<li><a href="#">Contact</a></li>
           			<li><a href="#">CGV</a></li>
                	<li><a href="#">Plan du site</a></li>
           			<li><a href="#">FAQ</a></li>
           			<li><a href="#">RSS</a></li>
               	 <li><a href="#">Partenaires</a></li>
           	 </ul>
            </div>
   			
        </div>



mon css


#content_footer{
width:1000px;
height:87px;
margin:auto;
background-image:url(../images/fond_footer_fixe.jpg);
background-repeat:no-repeat;
}

#menu_footer{
font-size:0.9em;
text-align:center;
padding-top:30px;
position: relative;
width:100%;
}


#menu_footer ul  {
padding:0;
margin:0;
list-style-type:none;
text-align: center; 

}

#menu_footer ul li{
float:left; /*pour IE*/
display:inline;

}

#menu_footer ul li a{
 
border-right:1px solid #000000;
text-decoration:none;
padding-left: 10px;
padding-right: 10px;
}

#menu_footer ul li a:hover{
text-decoration:underline;

}


merci de votre aide
Modifié par dedel53chipie (16 Mar 2009 - 17:42)