Sujet Précédent Sujet Suivant

Menu horizontal css

Fermé
boumbette - 17 juil. 2007 à 17:41
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 - 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
A voir également:

5 réponses

Réponse 1 / 5
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
18 juil. 2007 à 16:05
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>
2
Réponse 2 / 5
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
17 juil. 2007 à 18:42
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.
0
Réponse 3 / 5
boumbette
17 juil. 2007 à 18:48
et où le mettre le margin auto , car mon code css c'est çà :

ul {list-style-type: none;}
li { float: left;}
-1
Réponse 4 / 5
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
17 juil. 2007 à 18:52
Montre le code HTML du menu. Avec sa <div>.
-1

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 5
boumbette
17 juil. 2007 à 18:58 
<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>
-1

Discussions similaires

les entrées et les sortées
oussman -
MarsuGL -

2 réponses
trait horizontal avec du css
tipi75 -
tipi75 -

8 réponses
[CSS] Forcé retour à la ligne
aKuma59 -
zigoss -

33 réponses
mon ordi marque press the esc key for startup menu
jasonparris -
elow -

5 réponses
Accéder au menu Advanced Bios PC portable HP
Axferd -
Bill -

6 réponses