28172 sujets

CSS et mise en forme, CSS3

Problème de mise en forme

Bonjour,

Je vais faire simple, je n'arrive pas à incorporer mon menu horizontal dans le corps de ma page:

voici le code HTML:

<body>
<div id="corps">
<ul id="iconmenu">
<li id="panel1c"><a href="imprimerie.html"></a></li>
<li id="panel2c"><a href="#"></a></li>
<li id="panel3c"><a href="impression.html"></a></li>
<li id="panel4c"><a href="#"></a></li>
<li id="panel5c"><a href="decoration.html"></a></li>
</ul>
<div id="accueil">
</div>
</div>
</body>

Mon code CSS:

#corps
{
width: 830px;
margin: auto;
padding: 5px;
height:590px;
color: #B3B3B3;
background-color: #;
background-image: url("images/fondcorps.jpg");
background-repeat: repeat;
border:1px solid black;
}

#iconmenu {
left:0px;
border:0px;
position: relative;
margin: 00px auto;
padding: 3px;
width: 810px;
height: 175px;
background: url(images/banfinal.jpg) no-repeat;
}


Je sais que cela ne vient pas du left:0px;
Peut-être qu'il faut inclure '"iconmenu" dans un DIV, j'ai déjà testé et cela n'a pas marché...

Merci d'avance.

Cordialement,

Serpolet.
Salut,

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).

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

D'ailleurs, je rappelle que l'Aide (dont le lien est fourni lors de l'inscription) contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.

Bonne continuation Smiley smile
Excusez moi!je la cherchais!^^

Re-voici le code:


<body>
	
      <div  id="corps">
	   
                               <ul id="iconmenu">
   
                                       <li id="panel1c"><a href="imprimerie.html"></a></li>
                                       <li id="panel2c"><a href="#"></a></li>
                                       <li id="panel3c"><a href="impression.html"></a></li>
                                       <li id="panel4c"><a href="#"></a></li>
                                       <li id="panel5c"><a href="decoration.html"></a></li>

                                </ul>

		   	         <div id="accueil">
	
                                 </div>
	  </div> 
     
   </body>


code CSS:


#corps
{
   width: 830px;
   margin: auto; 
   padding: 5px; 
   height:590px;
   color: #B3B3B3;
   background-color: #;
   background-image: url("images/fondcorps.jpg");
   background-repeat: repeat; 
   border:1px solid black;
   
 
}

#iconmenu {
left:0px;
border:0px;
position: relative;
margin: 00px auto;
padding: 3px; 
width: 810px;
height: 175px; 
background: url(images/banfinal.jpg) no-repeat;
}
salut,


#corps
{
   width: 830px;
   margin: auto; 
   padding: 5px; 
   height:590px;
   color: #B3B3B3;
   background-color: #;
   background-image: url("images/fondcorps.jpg");
   background-repeat: repeat; 
   border:1px solid black;
}

#iconmenu {
margin: 0 auto;
padding: 3px; 
width: 810px;
height: 175px; 
background: url(images/banfinal.jpg) no-repeat;
position: relative;
}


++
Modifié par flattazor (07 Apr 2009 - 20:45)
Merci Flattazor de ta réponse, effectivement c'est plus logique.

Mais je n'ai pas toujours ce que je veux, car l'image qui représent l'id="accueil" reste tout en haut, bien sur je peux inclure un margin-top pour le faire descendre, mais j'ai toujours un problème de centrage en ce qui concerne le menu!

J'ai essayé de l'inclure dans des div et de changer de propriétés afin de le centrer mais cela ne marche pas, aurais-tu quelque chose à me proposer.

Merci d'avance.

Cordialement,

Serpolet.

PS: je voulais laisse un aperçu. upload/16226-site.jpg
Sujet clos
Aller à