Corps sous menu
Résolu
Yuu
-
Yuu -
Yuu -
Bonjour à vous.
J'essaye de créer un site, mais j'ai un petit problème dont je n'arrive pas à résoudre :
Le corps se place sous le menu, je n'arrive pas du tout à le mettre en haut.
Aurez-vous des suggestions ?
D'avance, merci.
J'essaye de créer un site, mais j'ai un petit problème dont je n'arrive pas à résoudre :
Le corps se place sous le menu, je n'arrive pas du tout à le mettre en haut.
Aurez-vous des suggestions ?
D'avance, merci.
Configuration: Windows XP Firefox 3.0.10
7 réponses
-
Salut
Passe nous un Zip avec tous les fichiers et images. -
Je suis débutante, désolé je ne sais c'est quoi un Zip.
Je vous montre un apperçu de mon Css, si vous savez ce qui cloche,
n'hésitez pas, merci. ( J'ai enlevé mes images. )
body
{
background-image: url("...");
}
#menu
{
margin-top: 50px;
float: left;
}
.element_menu
{
background-image: url("...");
background-repeat: repeat-y;
margin-right: 860px;
background-color: white;
border: 2px solid black;
margin-bottom: 20px;
}
.element_menu h3
{
text-align: center;
}
#corps
{
margin-left: 140px;
margin-bottom: 20px; /
padding: 5px;
background-color: white;
border: 2px solid black;
text-align: center;
}
#pied_de_page
{
padding: 5px;
background-image: url("...");
background-repeat: repeat-y;
text-align: center;
background-color: white;
border: 2px solid black;
} -
-
Un Zip c'est un archive compressée ...
Passe aussi le code HTML.
-
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
Merci de ta réponse, voici le Html qui est avec le Css ci-dessus. :
<html>
<body>
<div id="en_tete">
<img src="..."/>
</div>
<div class="element_menu">
<h3>...</h3>
<ul>
<li><a href="....html">...</a></li>
<li><a href="....html">...</a></li>
<li><a href="....html">...</a></li>
<li><a href="....html">...</a></li>
</ul>
</div>
<div class="element_menu">
<h3>...</h3>
<ul>
<li><a href="....html">...</a></li>
<li><a href="....html">...</a></li>
<li><a href="....html">...</a></li>
<li><a href="....html">...</a></li>
</ul>
</div>
<div class="element_menu">
<h3>...</h3>
<ul>
<li><a href="....html">...</a></li>
<li><a href="....html">...</a></li>
<li><a href="....html">...</a></li>
<li><a href="....html">...</a></li>
</ul>
</div>
<div id="corps">
<p>
...
</p>
</div>
<div id="pied_de_page">
...
</div>
</body>
</html> -
Ca ressemble à rien du tout ton code : Pas de DOCTYPE, pas d'entête (entête HTML pas entête ... la bannière), ... Je me suis permis de faire un code valide par le W3C. Le CSS est aussi validé par le W3C.
Valider ton HTML
Valider ton CSS
XHTML :<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>Ton titre</title> </head> <body> <div id="en_tete"> Entête </div> <div id="menu"> <div class="element_menu"> <h3>Titre</h3> <ul> <li><a href="#">Lien</a></li> <li><a href="#">Lien</a></li> <li><a href="#">Lien</a></li> <li><a href="#">Lien</a></li> </ul> </div> </div> <div id="corps"> Contenu </div> <div id="pied_de_page">Tous droits réservés - © 2009 Exemple.com</div> </body> </html>
Le CSS :body { background-image: url("..."); } #en_tete { border:solid 2px black; } #menu { float:left; width:19%; margin-top:25px; } .element_menu { border:solid 1px black; margin-bottom:9px; } .element_menu h3 { text-align:center; } #corps { margin-left:20%; margin-top:25px; border:solid 2px black; } #pied_de_page { clear:both; border:solid 2px black; margin-top:25px; text-align:center; } -
Désolé de ne pas avoir rajoutée tout ce qui est Doctype, en tête, etc.
Mais j'avais pris juste le principal du Html (sans l'ouvertue d'une page web).
Soit, je te remercie beaucoup pour ton aide, j'ai su réparer mon soucis.
Merci et bonne continuation.
