Corps sous menu
Résolu/Fermé
A voir également:
- Corps sous menu
- Menu déroulant excel - Guide
- Windows 11 menu démarrer classique - Guide
- Canon quick menu - Télécharger - Utilitaires
- Réinitialiser menu démarrer windows 10 - Guide
- Menu contextuel windows 11 retrouver l'affichage classique - Guide
7 réponses
avion-f16
Messages postés
19252
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
10 février 2025
4 505
17 mai 2009 à 20:58
17 mai 2009 à 20:58
Salut
Passe nous un Zip avec tous les fichiers et images.
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;
}
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;
}
avion-f16
Messages postés
19252
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
10 février 2025
4 505
18 mai 2009 à 17:57
18 mai 2009 à 17:57
Un Zip c'est un archive compressée ...
Passe aussi le code HTML.
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>
<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>
avion-f16
Messages postés
19252
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
10 février 2025
4 505
18 mai 2009 à 21:19
18 mai 2009 à 21:19
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;
}
