Centrer menu déroulant

Résolu
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 :

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

}
A voir également:

7 réponses

remink Messages postés 19 Statut Membre
 
0
drogba7213 Messages postés 1550 Statut Membre 21
 
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?
0
remink Messages postés 19 Statut Membre
 
Ta page est en ligne ?
0
drogba7213 Messages postés 1550 Statut Membre 21
 
pour le moment ma page c'est juste le menu après jverrais mais pour l'instant oui
pourquoi?
0

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

Posez votre question
remink Messages postés 19 Statut Membre
 
Dans "menu" :
width: auto;
margin: 0;

en
width : 800px;
margin: 0 auto;
0
monkey_monk Messages postés 681 Statut Membre 131
 
Et sinon... dans ton css, les balises ul et li sont "bloc" par défaut... pas besoin de le repréciser.
0
drogba7213 Messages postés 1550 Statut Membre 21
 
merci beaucoup
0