Texte sors du cadre par Sangohan - page 1

Bonjour j'ai un problême avec mon texte : il sort du désign !!!
http://megadragonballv2.free.fr/essai/index.html
Dans le cours de m@teo il disent de mettre un margin-left pour pas que le texte ne passe sous le menu j'en ai mit un mais sa marche pas en plus il ne passe pas sous le menu mais dés qu'il y a trop de lettre ; au millieu de se remettre a la ligne il sort du désign voila mon code html et CSS .

<!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>
<meta name="description" content="Tout sur dragon ball z ,gt et af " />
<meta name="author" content="jordan" />
<meta name="identifier-url" content="http://megadragonballv2.free.fr/index.html" />
<meta name="reply-to" content="megadragonball@hotmail.fr" />
<meta name="copyright" content="Copyright, Mega Dragon ball, 2006, tous droits réservés" />
<meta name="category" content="Mangas" /
<META name="verify-v1" content="r9gG28njJhyPzledi0MIpRHSQ3QZ0OcDwmFE/ZbonCA=" />

<script type="text/javascript" src="http://fr.wedoo.com/cgi-bin/surfer/surfer_in.cgi?siteid=105341&originid=2"></script>
<title>Mega Dragon Ball : la réference Dragon Ball Z/GT/AF !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   <link rel="stylesheet" media="screen" type="text/css" title="Mega dragon ball" href="projet.index.css" />
</head>
<body>
<div id="en_tete">

</div>
<div id="en_tete2">

</div>

<div id="menu">
<p style="text-align: center ; font-weight: bold ; text-color: #FFCC00 ;" > Home</p>
<p style="text-align: center ;" >
   <ul>



   

<li><a href="http://megadragonballv2.free.fr/index.html">Accueil</a></li>
<li><a href="http://megadragonballv2.free.fr/services/figurines/figure.html">Vente de figurines</a></li>
   <li><a href="http://megadragonball.forumpro.fr/">Forum</a></li>
<li><a href="http://www.ndupont.net/livredor?login=sangohan10">Livre d'or</a></li>
   <li><a href="http://megadragonballv2.free.fr/Home/quizz/quizz.html">Quiz</a></li>
<li><a href="http://megadragonballv2.free.fr/Home/team/team.html">La Team</a></li>
<li><a href="http://megadragonballv2.free.fr/Home/tournoi/tournoi.html">Tournoi d'award</a></li>
   <p style="text-align: center ; font-weight: bold ; text-color: #FFCC00 ;" > Informations </p>
   

   
   
   <li><a href="http://megadragonballv2.free.fr/informations/Akira%20Toriyama/page8.html">Akira Toriyama</a></li>
<li><a href="http://megadragonballv2.free.fr/informations/arbregenealogique/page9.html">Arbre généalogique</a></li>
<li><a href="http://megadragonballv2.free.fr/informations/Les%20ages/page10.html">Les âges</a></li>
   <li><a href="http://megadragonballv2.free.fr/informations/erreurs/page11.html">Les érreurs</a></li>
<li><a href="http://megadragonballv2.free.fr/informations/Les%20objets/page12.html">Les objets</a></li>
<li><a href="http://megadragonballv2.free.fr//informations/Les%20personnages/page13.html">Les personnages</a></li>
   <p style="text-align: center ; font-weight: bold ; text-color: #FFCC00 ;" >Multimédia</p>
   

   
   
   <li><a href="http://megadragonballv2.free.fr/multi/fond%20decran/fd.html">Fond d'ecran</a></li>
<li><a href="http://megadragonballv2.free.fr/multi/dessins/dessins.html">Dessins</a></li>
<li><a href="http://megadragonballv2.free.fr/multi/extraits%20videos/extrait.html">Extraits vidéos</a></li>
   <li><a href="http://megadragonballv2.free.fr/multi/gifs/gifs.html">Gifs</a></li>
<li><a href="http://megadragonballv2.free.fr/services/quizz/quizz.html">Quiz</a></li>
<li><a href="http://megadragonballv2.free.fr/multi/voix/voix.html">Voix des personnages</a></li>
   <p style="text-align: center ; font-weight: bold ; text-color: #FFCC00 ;" >Services</p>
   

   
   
   <li><a href="http://megadragonballv2.free.fr/services/faire%20un%20site/site.html">Creer un site</a></li>
<li><a href="http://megadragonballv2.free.fr/services/figurines/figure.html">Vente de figurines</a></li>
<li><a href="http://megadragonballv2.free.fr/Home/Contact/contact.html">Contact</a></li>
   <li><a href="http://megadragonballv2.free.fr/services/quizz/quizz.html">Quiz</a></li>
   <li><a href="page24.html"></a></li>
   <li><a href="page25.html"></a></li>
   </ul>




   </div>

<div id="menu2">
<div>
<p style="text-align: center ; font-weight: bold ; text-color: #FFCC00 ;" >Compteur live</p>
<script language="Javascript" src="http://www.webdiz.com/services/membres/cpt_live/cpt_live.php?id=28504&cache=0"></script>
<p style="text-align: center ; font-weight: bold ; text-color: #FFCC00 ;" >Partenaires</p>
<td height="1">

<td height="1">


<MARQUEE onMouseOver=this.stop() onMouseOut=this.start() scrollAmount=3 direction=left border=0 width=170 height=33 align="left" >


<a href="http://evolutiondbz.free.fr/" target="_blank"><img src="http://evolutiondbz.free.fr/Gifs/dbzevo4gz.jpg" ></a>

</MARQUEE>
<p style="text-align: center ; font-weight: bold ; text-color: #FFCC00 ;" >Top-sites</p>
<td height="1">

<td height="1">


<MARQUEE onMouseOver=this.stop() onMouseOut=this.start() scrollAmount=3 direction=left border=0 width=170 height=33 align="left" >


<a href="http://evolutiondbz.free.fr/" target="_blank"><img src="http://evolutiondbz.free.fr/Gifs/dbzevo4gz.jpg" ></a>

</MARQUEE>
<p style="text-align: center ; font-weight: bold ; text-color: #FFCC00 ;" >Nombres total de visites</p>
<script language="Javascript" src="http://www.webdiz.com/services/membres/cpt_visites/cpt_visites.php?id=6767"></script>
</br></br>
<script language="Javascript" src="http://www.webdiz.com/services/membres/cpt_visites/cpt_visites.php?id=6768"></script>
<p style="text-align: center ; font-weight: bold ; text-color: #FFCC00 ;" >Shootbox</p>
<script language="Javascript" src="http://www.webdiz.com/services/membres/shootbox/script/shootbox.php?id=28504&largeur=175&hauteur=135" ></script>
</div>

</div>

<div id="corps">
<p>ugpufdsssfdssssssssssssssssssssssssssssssssssssssssssssssssssssfghtrsujytdiuyroiypmoiuoiu</p>

</div>

   <div id="pied_de_page">

</div>
</body>
</html>

body
{
width: 919px;
margin: auto; /* Pour centrer notre page */
margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
margin-bottom: 20px; /* Idem pour le bas du navigateur */
background-color: #FFFFFF; /* Une petite image de fond pour éviter d'avoir un vieux fond blanc */
}

#en_tete
{
width: 919px;
height: 404px;
background-image: url("index_r1_c1.jpg");
background-repeat: no-repeat;
}

/* Le menu */

#menu
{
float: left; /* Le menu flottera à gauche */
width: 183px;
height: 770px;
margin-left: 5px !important;
margin-left: 3px ;
background-image: url("menu4.jpg");
background-repeat: repeat-y;
list-style-type: none;
text-align: left;

}

#menu a /* Tous les liens se trouvant dans un menu */

{

color: #000000 ;
list-style-type: none;
text-align: left;
margin:auto;

}

#menu a:hover /* Quand on pointe sur un lien du menu */
{
text-align: center ;

color: #FFCC00 ;
}
#menu ul
{

text-align: center ;
list-style-type: none;
padding: 0;
margin: 0;
}

h1 {
margin: 0;
}

/* Le menu2 */

#menu2
{
float: right; /* Le menu flottera à droite */
width: 183px;
height: 770px;
margin-right: 39px !important;
margin-right: 20px ;
background-image: url("menu4.jpg");
background-repeat: repeat-y;
list-style-type: none;
text-align: left;
text-align: center;
}

#menu2 a /* Tous les liens se trouvant dans un menu */
{
color: #FFFFFF;
list-style-type: none;
text-align: left;
margin:auto;
text-align: center;
}

#menu2 a:hover /* Quand on pointe sur un lien du menu */
{

background-color: #FFFFFF;
color: black;
text-align: center;
}

#menu2 ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

#pied_de_page
{
width: 919px;
height: 23px ;
background-image: url("index_r3_c1.jpg");

}

#corps
{
height: 738px;

margin-left: 183px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
background-color: #FFFFFF; /* Une couleur de fond pour le corps */
padding-top: 10px;
}

Texte sors du cadre

Texte sors du cadre

Supprimer

Modérer

Signaler le message aux modérateurs