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:

Menu horizontal css
Menu déroulant excel - Guide
Windows 11 menu démarrer classique - Guide
Canon quick menu - Télécharger - Utilitaires
Réinitialiser menu démarrer windows 10 - Guide
Menu demarrer windows 10 - Guide

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 778
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>

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 778
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.

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;}

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 778
17 juil. 2007 à 18:52

Montre le code HTML du menu. Avec sa <div>.

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>

Discussions similaires

menu caché

Comment retrouver le bouton menu de Tv Tcl

Déblocage du mode hôtel Philips 20HF5234/10

les entrées et les sortées

trait horizontal avec du css