Centrer menu déroulant
Résolu
drogba7213
Messages postés
1550
Statut
Membre
-
drogba7213 Messages postés 1550 Statut Membre -
drogba7213 Messages postés 1550 Statut Membre -
Bonjour,
Je n'arrive pas à centrer le menu je débute dans le domaine du css et je cherche et fait des modif mais je ne trouve pas
aidez moi svp
html :
css :
Je n'arrive pas à centrer le menu je débute dans le domaine du css et je cherche et fait des modif mais je ne trouve pas
aidez moi svp
html :
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'> <html xmlns='http://www.w3.org/1999/xhtml'> <head> <meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1' /> <link rel='stylesheet' type='text/css' href='menu_style.css' /> <title></title> </head> <body> <ul class="menu orange"> <li><a href="#" title="">Home</a></li> <li class="current"><a href="#" title="">Products</a></li> <li><a href="#" title="" >Downloads</a></li> <li><a href="#" title="">Contact</a></li> <li><a href="#" title="">About Us</a></li> </ul> </body> </html>
css :
ul.menu {
list-style-type:none;
width:auto;
position:relative;
display:block;
height:33px;
font-size:.6em;
background:url(images/bg.png) repeat-x top left;
font-family:Verdana,Helvetica,Arial,sans-serif;
border:1px solid #000;
margin:0;
padding:0;
}
ul.menu li {
display:block;
float:left;
margin:0;
padding:0;
}
ul.menu li a {
float:left;
color:#A79787;
text-decoration:none;
height:24px;
padding:9px 15px 0;
font-weight:normal;
}
ul.menu li a:hover,.current {
color:#fff;
background:url(images/bg.png) repeat-x top left;
text-decoration:none;
}
ul.menu .current a {
color:#fff;
font-weight:700;
}
/*ORANGE*/
ul.menu.orange{
background-color:#DC4900;
}
ul.menu.orange li a:hover, .menu.orange li.current {
background-color:#F46D00;
}
Configuration: Linux Firefox 3.0.13
7 réponses
-
-
merci pour ta réponse rapide.
j'ai rajouter ca
#global {
margin-left: auto;
margin-right: auto;
width: ...; /* largeur obligatoire pour être centré */
}
mais cela ne change rien c'est normal? -
-
pour le moment ma page c'est juste le menu après jverrais mais pour l'instant oui
pourquoi? -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
Dans "menu" :
width: auto;
margin: 0;
en
width : 800px;
margin: 0 auto; -
Et sinon... dans ton css, les balises ul et li sont "bloc" par défaut... pas besoin de le repréciser.
-
