Menu

Menu horizontal css [Fermé]

- - Dernière réponse : Gihef
Messages postés
5155
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
6 mars 2019
- 18 juil. 2007 à 16:05
Bonjour , j'ai crée un menu horizontal en css , dans un div , ya possibilité de le centrer horizontalement dans ce div ?

merci
Afficher la suite 

5 réponses

Meilleure réponse
Messages postés
5155
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
6 mars 2019
3540
2
Merci
Il faut étoffer un peu tout ça…

Bon, alors, essaye comme ça pour les CSS :
  #yo {
    list-style-type: none;
    height : 30px;
    width : 630px;
    margin : 0 auto;
    padding : 0;
    text-align center;
    border : 1px solid #f88;
    }
  #yo li {
    float: left;
    width : 150px;
    height : 30px;
    line-height : 30px;
    margin : 0 5px;
    background-color : #707070;
    }
  #yo #lig {
    margin-left : 0;
    }
  #yo #lid {
    margin-right : 0;
    }
  #yo a {
    color : #fff;
    text-decoration : none;
    }
  #yo a:hover {
    color : #0ff;
    }
et comme ça pour le HTML :
  <ul id="yo">
    <li id="lig"><a href="#">wwwww</a></li>
    <li><a href="#">xxxxx</a></li>
    <li><a href="#">yyyyy</a></li>
    <li id="lid"><a href="#">zzzzz</a></li>
  </ul>

Dire « Merci » 2

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 47165 internautes nous ont dit merci ce mois-ci

Messages postés
5155
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
6 mars 2019
3540
0
Merci
Bonjour,

Si c'est pour Firefox ou autres, un petit :
  margin : auto;
dans sa <div> devrait suffire.

Si c'est pour IE, il te faudra y ajouter :
  text-align : center;

Essaye.
-1
Merci
et où le mettre le margin auto , car mon code css c'est çà :

ul {list-style-type: none;}
li { float: left;}
Messages postés
5155
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
6 mars 2019
3540
-1
Merci
Montre le code HTML du menu. Avec sa <div>.
-1
Merci
<div class="yo">
	<ul>
	<li><a href="l">w</a></li>
	<li><a href="">x</a></li>
	<li><a href="">y</a></li>
	<li><a href="">z</a></li>
	</div>