Sujet Précédent Sujet Suivant

Centrer le contenu d'un menu

heyselg -  
Stéphane18 Messages postés 375 Date d'inscription   Statut Membre Dernière intervention   -
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

Réponse 1 / 2
Luxerails Messages postés 160 Date d'inscription   Statut Membre Dernière intervention   41
 
Bah fait :
#menuh
{
text-align:center;
}

Non ?
0
heyselg
 
Non j'ai dejà essayé et ca ne bouge pas du tout . :/
0
Réponse 2 / 2
Stéphane18 Messages postés 375 Date d'inscription   Statut Membre Dernière intervention   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

Discussions similaires

Contenue masqué
Hippolyte -
Hippolyte -

6 réponses
Enlever le contenu masque
Julie17 -
Julie17 -

2 réponses
ca veut dire quoi wmg sur youtube ?
parissf -
cacadoigt -

27 réponses
menu caché
laurent -
ChariduP -

7 réponses
Mon PC marque press the esc key for startup menu
Jonas2022 -
SATS_fr -

5 réponses