Menu css décentré à gauche

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Menu css décentré à gauche

mulanee

Bonjour,

J'ai un site assez basique sur mon NAS.

J'ai créé un menu , mais il est toujours aligné à gauche.
J'aurais souhaité qu'il se centre et s'adapte au changement de largeur d'affichage en changeant de ligne, sur quel paramètre jouer ?

Merci.

Code :

<style type="text/CSS">
#menu {
height:50px;
width:60%;
margin:auto;
}
#menu ul {
margin:auto;
padding:0;
list-style-type:none;
text-align:center;
}
#menu li {
float:left;
margin:center;
padding:0;
background-color:black;
}
#menu li a {
display:block;
width:100px;
color:white;
text-decoration:none;
padding:5px;
border:2px solid;
}
#menu li a:hover {
color:#FFD700;
}
#menu ul li ul {
display:none;
}
#menu ul li:hover ul {
display:block;
}
#menu li:hover ul li {
float:none;
}
</style>

Message cité 1 fois

Publicité

itela

mulanee a écrit :

Code :

<style type="text/CSS">
#menu li {
float:left;
margin:center;
padding:0;
background-color:black;
}
#menu li a {
display:block;
width:100px;
color:white;
text-decoration:none;
padding:5px;
border:2px solid;
}
</style>

Bonjour,
Le problème vient probablement de l'instruction float:left qui sort les li du flux normal.
J'utiliserais plutôt ceci s'il s'agit bien d'avoir un menu horizontal :

Code :

#menu li {
/*float:left;*/
display:inline-block;
margin:center;
padding:0;
background-color:black;
color:white;
}
#menu li a {
/*display:block;*/
width:100px;
color:white;
text-decoration:none;
padding:5px;
border:2px solid;
}

cdt

mulanee

Excellent, merci!

Juste une chose à améliorer, au survol, un sous-menu apparait, très bien, mais il est trop haut, il empiète sur le menu principal; comment décaler l'apparition de ce sous-menu d'une ou 2 lignes vers le bas?

mulanee

Réglé en définissant la hauteur de ligne.

FORUM HardWare.fr

Programmation

HTML/CSS

Menu css décentré à gauche

Sujets relatifs
revenier au 1 er onglet des sous menu et sousmenu	Plusieurs pages html appellent le même menu. Possible svp ?
[RESOLU] menu déroulant qui fonctionne en tactile	Menu qui ne veut pas se fixer.
CSS Menu navigation responsive et fixe	Menu CSS invisible sur mobile
Creer une barre de menu	Problème Menu Jquery SuperFish
Placer sous-menu en dessous des liens :'(	je n'arrive pas a créer un menu déroulant avec mes div
Plus de sujets relatifs à : Menu css décentré à gauche

Page générée en 0.040 secondes