18041 sujets

Questions générales et questions de débutants

[Résolu]mon texte sort de mes bloc DIV!!

bonjour à tous,

je crée mon premier site web et deja je rencontre un probleme de taille...

j ai cree plusieurs blocs div sur ma page web ensuite dans ma feuille de style je parametre ces blocs en indiquant positions, largeurs, ainsi que valeurs des padding ...

et la je constate que mon texte ne reste pas les limites de mes blocs DIV!! et je ne comprend pas pourquoi

pourriez vous m apporter une explication voici mon code css:

[b]#corps
{
   width: 53.1%;
   height: 320px;
   position: fixed;
   top: 190px;
   left: 182px;
   padding-left:4px;
   padding-right: 5px;
   border: 3px groove darkred;
   background-color: #e7e5e5; 
}[/b]


voici egalement mon fichier html

<!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="en" >

   <head>
       <title>TAMARYN HENDLER WEBSITE V2.0</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Mécanique" href="home.css" />
   </head>
   <body>


<div id="en_tete">
   <!-- Ici on mettra la bannière -->
</div>

<div id="menu">
<img src="but1.gif" alt="home" /><img src="but2.gif" alt="tammy" /><img src="but3.gif" alt="tennis" /><img src="but4.gif" alt="fan zone" /><img src="but5.gif" alt="media" /></div>

<div id="defile">

<noscript>
<a href="http://www.astwinds.com/">Texte défilant<br> d'Astwinds</A>
</noscript><marquee Class="Scroller" behavior="scroll" direction="left" width="100%" height="19" scrollamount="4" scrolldelay="0" onmouseover="this.stop()" onmouseout="this.start()"><font size="2" face="Arial, Helvetica, sans-serif"><strong>
<em>Ranking : 39</em></strong><font color="black"><strong> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Actual Tournament: not
                   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Next tournament: cope gedau        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  Last Match: </strong></font></font></marquee>


 
</div>



<div id="titre">
   <a><span class="menu">NEWS</span></a>

</div>

<div id="sousmenu">
   <a><span class="menu">HOME</span></a>
<ul class="menu2">
   <li><a href="news.html">News</a></li>
   <li><a href="diary.html">Diary</a></li>
   <li><a href="calendar.html">Calendar</a></li>
   <li><a href="contact.html">Contact</a></li>
</ul>

</div>

<div id="corps">
<h3>Welcome to the Tamaryn Hendler Website V.2.0</h3>

       <p> dgfggggggggggggggssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</p>
<a href="news.html">Back to main page</a>
       
</div>



<div id="pied">
   <p> Copyright 2007-2008 Tamaryn Hendler Website V 2.0 - <a href="mailto:tony@tamarynhendler.be">CONTACT</p>
</div>
       
   </body>
</html>

voila j espere que vous pourrez m apporter une aide car je n y comprend que dalle j ai pourtant l impression d avoir suivi la bonne marche a suivre Smiley sweatdrop

merci d avance
Modifié par tony k (21 Feb 2007 - 13:35)
upload/11019-capture.JPG

je joins egalement une capture d ecran pour que vous puissier voir le resultat comme vous le constater les blocs sont bien positionnes mais c est vraiment le texte qui ne respecte pas les normes de mon css...
Modérateur
Bonjour tony k et bienvenue, Smiley jap

Peux-tu éditer ton message et encadrer ton code par [ code]...[ /code] (sans les espaces) ? C'est indiqué dans les règles du forum tout ça. Smiley cligne

Merci d'avance. Smiley smile
Bonsoir,

Ton mot de 150 lettres n'est effectivement pas automatiquement coupé (selon quelles règles de césure ? et comment les appliquer pour les différentes langues des documents web ?) lorsqu'il atteint la limite droite du bloc conteneur.

Essaie avec des vrais mots, peut-être ?
Bonjour,

Essaye de mettre du texte "normal" avec des espaces entre les mots... Peut être que ... C'est le syndrôme de Superkali.... un nom en rapport avec Mary Poppins mince je cale enfin bref, des mots à rallonge sans espaces pour aller à la ligne.

<grillé de 10s !!>
Modifié par ghost (20 Feb 2007 - 22:46)
Administrateur
Supercalifragilisticexpialidocious Smiley smile

Les navigateurs sont conçus pour la césure de mots anglais (des vrais qui existent), pas en finnois ou 5 mots allemands concaténés ou Bangkok en VO (je met le lien, le forum accepte pas l'Unicode tel quel &#3585;&#3619;&#3640;&#3591;&#3648;&#3607;)
Smiley lol
Modifié par Felipe (21 Feb 2007 - 01:06)
oups..... je me doutais que la solution serait toute bête mais comme je suis novice j aurais mis 1 mois avant de trouver par moi meme

désolé de ne pas avoir utiliser la fonction recherche, promis la prochaine fois je ferai plus attention Smiley cligne

un grand merci à tous pour avoir solutionner mon problème ce site va etre directement dans mes favoris! Smiley smile
Sujet clos
Aller à