Problème de texte qui déborde.
Résolu
pixix
Messages postés
3
Statut
Membre
-
animostab Messages postés 3003 Date d'inscription Statut Membre Dernière intervention -
animostab Messages postés 3003 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je suis en pleine création d'un site internet en suivant un tutoriel mais je me retrouve avec un problème sur le texte.
Un petit Screenshots.
http://glenffidish.free.fr/texte.jpg
Voici le code HTLM
Voici le code CSS
Je ne comprend pas pourquoi le texte ne s'arrête pas au bord de l'image comme sur le coté gauche.
Si quelqu'un a une solution je suis preneur.
Merci d'avance.
Je suis en pleine création d'un site internet en suivant un tutoriel mais je me retrouve avec un problème sur le texte.
Un petit Screenshots.
http://glenffidish.free.fr/texte.jpg
Voici le code HTLM
<div id="content">
<h3>Lorem ipsum</h3>
Dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse civil.Dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse civil.
</div>
Voici le code CSS
#content{
background-image:url(MEDIA/IMG/content.png);
background-repeat:repeat-y;
width:1214px;
height:auto;
margin-left:auto;
margin-right:auto;
padding-left:15px;
padding-right:15px;
padding-bottom:10px;
padding-top:10px;
text-align:justify;
}
Je ne comprend pas pourquoi le texte ne s'arrête pas au bord de l'image comme sur le coté gauche.
Si quelqu'un a une solution je suis preneur.
Merci d'avance.
7 réponses
-
mets tout ton texte qui déborde entre les balises <p></p>
<p>tout le texte qui déborde</p>
puis le css
#content{
background-image:url(MEDIA/IMG/content.png);
background-repeat:repeat-y;
width:1214px;
height:auto;
margin: 0 auto 0 auto;
padding: 10px 15px 10px 15px;
text-align:justify;
}
tu peux donner aussi des attributs a ton texte
exemple
#content p {
margin :10px;
font-size:12px;
/****etc****/
}
Un petit merci vaut mieux qu'une grande ignorance -
Je trouve ca bien sympa de la part de l' auteur, lien supprimé, pas un merci ni rien d' autre.
C'est "j'ai ma reponse" et je me casse.
-
c'est souvent comme ca
c'est pour ca que j'ai mis ma signature
"Un petit merci vaut mieux qu'une grande ignorance"
ignorance à 2 sens dont celui ci : le gars a sa réponse et bye il t'ignore
-
Désolé les gens j'ai réussi à réglé mon problème entre deux et j'ai oublier de vous le signalé mais je vous remercie quand même.
J'ai bidouillé avec la taille de l'image de fond en la diminuant et en augmentant le padding-right.
Encore désolé. -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
Ok c'est bien
mais as tu mis le texte entre les balises <p></p> ?
parce que c'est ce qu'il faut faire aussi
suivant la config d'affichage navigateur de l'utilisateur si tu l'a pas fait ca risque de déborder
-
Non je l'ai laissé comme sa, j'ai essayé dans les 3 navigateur que j'ai c'est a dire
-Firefox
-Chrome
-Explorer
et sa marche nickel. -
Nous sommes 3 a te dire qu'il faut le faire.
tout élément d'une page web doit se trouver entre des balises !
mais bon après tout fait ce que tu veux puisque tu as l'air de t'y connaitre mieux que nous
