Centrer le contenu d'un menu

heyselg -  
Stéphane18 Messages postés 416 Statut Membre -
Bonjour,
je suis débutante en progrmation et je tente de réaliser un menu. Mais je n'arrive pas à centrer son contenu.
Voila mon code HTML :

<body>
	<div id="page">
		<div id="header">
			<h1><a href="accueil.html"><img src="images/menu/monlogo.png" alt="accueil"/></a></h1> 	
			<div id="menuh">
				<ul>
					<li><a href="news.html">News</a></li>
					<li><a href="photos.html">Media</a>
					
					</li>
					<li><a href="videos.html" >Vidéos</a></li>
					<li><a href="contacts.html">Contacts</a></li>
				</ul>
			</div><!-- menu -->
		</div><!-- header -->
		
		<div id="contenu">
		
		</div><!-- contenu -->
		
		<div id="footer">
		    
		</div><!-- footer -->
	</div><!-- page -->
</body>


et voici mon code CSS :
body { 
 font-family: 'Arial', Verdana, Lucida Grande, Sans-Serif; 
 color: #333; 
 background-color :#19B1C4; 
 text-align: left; 
 font-size: 13px; 
margin:0; 
 margin-top: 0px; 
 padding: 0;} 
	
	/* MENU HORIZONTAL + HEADER */
  
#header{  
	 background-color:white; 
	 height:56px; 
	 width:100%; } 
 
#header h1 img{ 
   	 float: left; 
 	 padding: 3px 10px 3px 10px; 
	 border: 0; 
	 width: 50px;
 }

#header h1{margin:0;}

	#menuh ul { 
		 list-style-type:none;
		 margin : 0; }
 
	#menuh li {float:left; }  
	#menuh ul li a {  
		 display:block;  
		 color:#19B1C4; 
		 text-transform: uppercase;  
		 font-size:13px;  
		 text-decoration:none;  
		 font-family:arial, verdana, sans-serif;  
		 text-align:center;  
		 padding:20px 10px 20px 10px; 
		 cursor:pointer;
		 } 
  
	#menuh ul li a:hover { 
		 color:black; } 
	#menuh li.current a { 
color : black;
 }
	 

/* ----------------- FIN MENU HORIZONTAL + HEADER ------------------ */


Et voila ce que ca me donne : http://www.hostingpics.net/viewer.php?id=748072capturemenu1.png

2 réponses

Luxerails Messages postés 162 Statut Membre 41
 
Bah fait :
#menuh
{
text-align:center;
}

Non ?
0
heyselg
 
Non j'ai dejà essayé et ca ne bouge pas du tout . :/
0
Stéphane18 Messages postés 416 Statut Membre 132
 
Salut, si tu veut centrer ton menu tu va devoir d'abord lui indiqué une taille et ensuite tu fait un margin: auto

#menuh{margin: auto;width: 350px;}
0