28172 sujets

CSS et mise en forme, CSS3

Svp besoin d'aide pour positionner mon menu en css

Bonjour,

Voilà, j'ai un petite problème pour positionner mon menu qui est horizontale, j'ai une image devant et ensuite, je voudrais mon menu mais il va se position en dessous de l'image alors que je le voudrais à côté.

lorsque j'essaie de le metttre en float: left, ca ne fonctionne pas, je fais surment des erreurs mais je ne sais pas lesquelles?

merci de bien vouloir m'aider!

Je suis débutante en matière de site web et je maitrise a peine les syles css!!

je vous donne le code si cela peut vous aider a maider!

merci beaucoup!

code html: 

<body> 
<div id="global"><div id="entete_01"><img src="images/tete_02.jpg" width="870" height="33"></div> 
<div id="entete_02"><img src="images/tete_04.jpg" width="183" height="259"><img src="images/tete_05.jpg" width="232" height="259"><img src="images/tete_06.jpg" width="243" height="259"><img src="images/tete_07.jpg" width="159" height="259"><img src="images/tete_08.jpg" width="163" height="259"></div> 
<img src="images/menuhaut-fleur_01.jpg" width="67" height="48"><img src="images/menuhaut-fleur_02.jpg" width="117" height="48"> 
<div id=menuhaut> 
<ul> <li><a href="http://www.planetargent.com/">Accueil</a> 
<li><a href="http://www.planetargent.com/">Aide</a> 
<li><a href="http://www.planetargent.com/">Contact</a> 
</li></ul></div></div> 


</body>



code css: 


body { 
background-color: #0268ba; 
background-image: url(images/bg-planetargent.jpg); 
margin: 0; 
text-align: center; 
} 

body,td,th { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12pt; 
color: #FFFFFF; 

} 
#global { 
margin-left: auto; 
margin-right: auto; 
text-align: left; 
width: 980px; 
height: 2050px 
} 
#entete_01{ 
width:980px; 
height: 33px; 
text-align: center; 
} 
#entete_02{ 
width:980 px; 
height: 259 px 



} 
#menuhaut UL { 
padding:0; 
margin:0; 
list-style-type:none; 

} 
#menuhaut li { 
float:left; 

} 
#menuhaut ul li a { 
display:block; 
float:left; 
width:116px; 
line-height:48px; 
background:black url(images/menuhaut_01.jpg) repeat-x; 
color:#DCDCDC; 
text-decoration:none; 
text-align:center; 
} 
#menuhaut ul li a:hover { 
background:black url(images/menuhaut_01-over.jpg) repeat-x; 
color:white; 
}
Salut,

La page en ligne est souvent bien plus parlante, l'élément principale de l'analyse, la compréhension et la résolution des problèmes. Peut être te faudrait-il essayer d'améliorer tes chances de réponse en nous en apportant une ? Smiley cligne
mon site n'est pas encore en ligne, je sais que ca pourrait vraiment aider mais bon, je voulais le mettre en ligne une fois plus avancé ou même terminé.
Sujet clos
Aller à