<divid="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>
<divid="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 solidblack;
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 solidblack; /* Une bordure pour bien marquer les limites du corps et pour faire joli */ float: right; }
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!
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.