decalage du corp! par marcus77 - page 1

bonjour à tous!
voilà j'ai un probleme mon corp ne se met pas a cauter de mon menu, pouvez vous m'aidez s'il vous plait?
voici mes codes:

<!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" >
<head>
<title>Exemple d'utilisation de CSS externe</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="deco" href="css1.css" />
<title>DRAGONBALL MASTER!!!</title>
<meta http–equiv="Content–Type" content="text/html; charset=iso–8859–1" />
</head>
<body>

<div id="en_tete">
<img src="images/banière1.jpg" alt="banière" />
</div>

<div id="menu" class="#menu">

<div class="element_menu">
<h3>Sommaire:</h3>
   <ul>
<li><a href="page1.html">Dragonball</a></li>
<li><a href="page2.html">Dragonball Z</a></li>
   <li><a href="page3.html">Dragonball GT</a></li>
   <li><a href="page4.html">100 ans après GT</a></li>
<li><a href="page5.html">Les personnages</a></li>
   <li><a href="page6.html">Les transformations</a></li>
   <li><a href="page7.html">Les techniques</a></li>
   <li><a href="page8.html">les objets</a></li>
   <li><a href="page9.html">Les expressions</a></li>
   <li><a href="page10.html">Les nombres important</a></li>
   <li><a href="page11.html">La chronologie</a></li>
   <li><a href="page12.html">Les livres</a></li>
   <li><a href="page13.html">Les films</a></li>
   <li><a href="page14.html">Les jeux</a></li>
</ul>
</div>

<div id="corps" class="#corps">
<h1>Bienvenue sur Master Dragonball</h1>
<p>Salut à tous!!!</br>
Comme vous aurez pu le devinez, se site est consacré sur Dragonball!!!</br>
Sur se site vous trouverez un peu de tout (épisodes, personnages, livres, etc...), ce qui ravira les fans de ce manga populaire.Vous allez rentré dans l'univers de Dragonball.Je pense que vous êtes assez grands pour visité tout seul!Allez bonnes visite!!!</p>
</div>

<div id="pied_de_page">
<p>Se site est crée par marcus77 (2006)</p>
</div>

</body>
</html>

code css:

body
{
width: 760px;
margin: auto;
background-color: #cac9c3;
}
#menu
{
float: left; /* Le menu flottera à gauche */
width: 168px; /* Très important : donner une taille au menu */
margin-top: 30px;
}
.element_menu
{
background-color: #626262;
background-repeat: repeat-x;

border: 2px solid black;

margin-bottom: 18px; /* Pour éviter que les éléments du menu ne soient trop collés */
}
.element_menu h3 /* Tous les titres de menus */
{
color: #000000;
font-family: Comic Sans MS, "Arial Black", "Times New Roman", Times, serif;
text-align: center;
}

.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}

.element_menu a /* Tous les liens se trouvant dans un menu */
{
color:#000000;
font-family: Comic Sans MS, "Arial Black", "Times New Roman", Times, serif;
}

.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
background-color: #919191;
color: black;
}
a:visited /* Quand le visiteur a déjà vu la page concernée */
{
color: #919191;
}
#corps
{
margin-left: 250px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
margin-bottom: 10px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
padding: 10px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
width: 400px;
color: #B3B3B3;
background-color: #626262; /* Une couleur de fond pour le corps */
border: 5px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
float: right;
}

merci d'avance! et bonne soirée!

marcus77

31 mars 2006 à 19:50:24

pascall

31 mars 2006 à 22:43:39

bonsoir
</gras>pour ton problème de position referme la div après ton menu . tu dois avoir 2 </div> l'une après l'autre.
enlève le float right au corps

les retours à la ligne sont <br /> et non </br>

regarde ton doctype, tu as 2 <gras>title et 2 meta http-equiv ...

j'ai réussi à avoir une page valide xhtml pas vérifié tous les css, je t'en laisse le soin

decalage du corp!

decalage du corp!

Supprimer

Modérer

Signaler le message aux modérateurs