28172 sujets

CSS et mise en forme, CSS3

Positionnement menu avec style 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é.

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

Modifié par kimy (19 Jan 2010 - 13:49)
Hello kimy et bienvenue Smiley smile ,

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace après le crochet ouvrant).

upload/1-code.gif

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

Au passage : c'est quoi l'intérêt de noter les éléments en majuscules ? Est-ce cohérent avec ton doctype ?
De ce que je vois, passe ton css et ton html au WC3,

a première vue tes balise li ne se ferme pas au bonne endroit

tu as écrit 

<li><a href="http://www.planetargent.com/">Aide</a>

il faudrait mettre à chaque menu

<li><a href="http://www.planetargent.com/">Aide</a> </li>
Sujet clos
Aller à