28172 sujets

CSS et mise en forme, CSS3

Soucis de centrage menu horizotal

Bonjour,

Je suis entrain de créer un site web, le format de la page est terminé, mais j'ai un problème de centrage du menu. Les cases s’obstinent à restées décalées vers le bas.
Voici le code:
<div id="menu" class="div_radius">
<ul>
    <li><a href="#">0000</a></li>
    <li><a href="#">0000</a></li>
    <li><a href="#">0000</a></li>
    <li><a href="#">0000</a></li>
    <li><a href="#">0000</a></li>
    <li><a href="#">0000</a></li>
    <li><a href="#">0000</a></li>
    <li><a href="#">0000</a></li>
  </ul>
</div>


#menu{ 
    background: #2FB8C8;
    width : 1024px;
    height:35px;
    text-align: center;
    margin:0 auto;
	
}

ul
{
    list-style-type:none; 
    padding :0; 
    width : 1024px;
    vertical-align:central;
}
                           
li
{
   background: #D9E6F0 ;
   margin-top:2px;   
   display : inline;
   padding :0.9 0.9%; 
   margin :10px; 
   border-radius: 5px; 
   -webkit-border-radius: 5px; 
   -moz-border-radius: 5px; 
}
a:link {
	text-decoration: none;
	color: #333333;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: underline;
	color: #333333;
}
a:active {
	text-decoration: none;
	color: #333333;

}

.div_radius
{ 
border-radius: 5px; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
}


Voilà, merci d'avance de bien vouloir vous pencher sur mon soucis.
Cordialement, Jean-Jacques.
Modifié par monlauj54 (07 May 2015 - 21:44)
Bonjour Ponfrilus,

Oui centrer verticalement, c'est exactement ça!
Je viens d'essayer, ça bouge dans dreamweaver, pas sur Internet.
Je dois avoir une marge qui traîne quelque part. Je suis sur que c'est gros comme le nez au milieux de la figure...

pour mieux se rendre compte voici la page:
http://www.autenticarepdom.com/test/

Merci de la réponse rapide!
Jean-Jacques
Eurêka!

Merci Ponsfrilus! Tu m'as mis sur la bonne voie!
Hauteur de ligne c'est ok.
Il manquait "margin:0 auto;" dans <ul>
Ouf! tout bête, mais je suis passé à côté, quelques heures de perdues et bobo
la tête.
Encore merci.

problème résolut!

Jean-Jacques. Smiley biggrin
Modifié par monlauj54 (08 May 2015 - 13:01)
Sujet clos
Aller à