18079 sujets

Questions générales et questions de débutants

Menu horizontal n'affiche pas vraiment a lhorizontal

Mon probleme est que je suis entrain de faire un menu tout simple.. soit un menu a lhorizontal sur un image de fond malheureusement les éléments de mon menu naffiche pas parfaitement en ligne je voudrais savoir ce quie ne fonctionne pas dans mon code

Code HTML
<div id="entete">
		
			<ul id="menu">

	<li id="liens"><a href="http://www.google.com">liensutiles</a></li>
	
	<li id="cont"><a href="http://www.hotmail.ca">contact</a></li>
   
	<li id="histo"><a href="http://www.deniscimaf.com">historique</a></li>
			
   	<li id="nouv"><a href="http://www.csszengarden.com">nouvelles</a></li>

	<li id="prod"><a href="http://www.yahoo.com">produits</a></li>
	
	<li id="entrep"><a href="http://www.yahoo.com">entreprise</a></li>
	
	
	</ul>
		</div>

Code CSS

#menu   {
background-color: transparent;
position: absolute;
top: 60px;
right:20px;
}
#menu li  {
background-color: transparent;
display: inline;
margin: 0; padding: 0;
}

#menu a:link, #menu a:visited  {
color: #336633; 
background-color: transparent; 
font: bold 0.6em Arial, Helvetica, sans-serif; 
text-decoration: none; 
background: transparent; 
text-align: center; 
text-transform: uppercase; 
padding: 10px 25px 5px 10px; 
width: auto; 
float: right 
}

#menu a:hover   { 
color: #363; 
background-color: transparent;
text-decoration: underline; 
background-color: transparent 
}

#entete      { 
color: #fff; 
background-color: #fff; 
background-image: url("banniere6.jpg"); 
background-repeat: no-repeat; 
background-position: center top; 
text-align: right; 
margin: auto; 
position: absolute; 
top: 0; right: 0; 
left: 0; 
width: 760px; 
height: 180px 
}

Modifié par Sordna_ (30 Mar 2006 - 14:21)
Bonjour Sordna_,

Avec ce que tu as donné comme code, ton menu est en ligne pour moi Smiley smile je ne vois pas de décalage
Bonjour, je suis désolé pour mon impolitesse Smiley confused à l'avenir je noublirai plus les salutions et les remerciments encore désolé

donc bonne fin de journée !!

En passant est ce que ca se pourrais que mon menu sorte croche puisque je suis sur un mac et que par conséquent je le regarde sur des furteurs mac?? Je n'ai jamais vraiment entendu parlé que ça jouait mais je ne comprend pas pour moi ça sort croche..

Merci beaucoup!!
Salut,

Sordna_ a écrit :

malheureusement les éléments de mon menu naffiche pas parfaitement en ligne je voudrais savoir ce quie ne fonctionne pas dans mon code

Qu'entend tu par "pas parfaitement en ligne"? Est ce que tes items sont décalés horizontalement les uns par rapport aux autres ou bien est-ce un autre problème. Parce que sous firefox PC, tes items semblent bien aligné.

Cependant, il y a quelques petites erreurs dans ta feuille de style.
Tout d'abord, si tu souhaites aligner horizontalement les items d'une liste, tu peux soit utiliser dsiplay: inline, soit float: left ou right mais pas les deux en même temps. Dans le cas de float: right, il faut juste que tu rajoutes alors list-style: none dans #menu li pour masquer les puces des items.

De plus, il est inutile de définir un background-color à la fois pour l'élément li et l'élément a. Une couleur sur l'élément a suffit amplement. De plus, par défaut, les éléments html ont un fond "transparent".

Juste une petite astuce pour finir. Si tu souhaites que tes éléments soient "collés" au bords du navigateur, il te suffit de mettre margin: 0 à l'élément body. Cela peut remplacer le top: 0 dans #entete

Bonne continuation Smiley cligne .
Modifié par ymhotepa (30 Mar 2006 - 23:29)
Sujet clos
Aller à