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.
A voir également:
- Corps sous menu
- Menu déroulant excel - Guide
- Canon quick menu - Télécharger - Utilitaires
- Windows 11 menu contextuel classique - Guide
- Windows 11 menu démarrer classique - Guide
- Réinitialiser menu démarrer windows 10 - Guide
7 réponses
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;
}
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;
}
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>
<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 :
Le CSS :
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;
}
