Problème de texte qui déborde.

Résolu/Fermé
pixix Messages postés 3 Date d'inscription vendredi 27 septembre 2013 Statut Membre Dernière intervention 7 octobre 2013 - 29 sept. 2013 à 04:00
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 7 oct. 2013 à 14:28
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


<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

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
Modifié par animostab le 29/09/2013 à 19:10
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
0
graffx Messages postés 6506 Date d'inscription jeudi 22 mars 2007 Statut Contributeur Dernière intervention 24 mars 2019 1 975
4 oct. 2013 à 07:02
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.
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
4 oct. 2013 à 14:57
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
0
pixix Messages postés 3 Date d'inscription vendredi 27 septembre 2013 Statut Membre Dernière intervention 7 octobre 2013
4 oct. 2013 à 19:51
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é.
0
graffx Messages postés 6506 Date d'inscription jeudi 22 mars 2007 Statut Contributeur Dernière intervention 24 mars 2019 1 975
4 oct. 2013 à 20:56
Tu es tout pardonné, mais une petite chose, tu devrais coller le bout de code qui est la solution ou expliquer comment tu as fait pour ceux qui tombent sur ce sujet, mais bon, tu n'es pas obligé.
0
telliak Messages postés 3664 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 30 octobre 2024 876
4 oct. 2013 à 22:57
@pixix
Avec ce que tu exposes, tu peux t'attendre à de nouveaux problèmes. Tu aurais dû faire ce qui t'était conseillé.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
4 oct. 2013 à 20:19
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

0
pixix Messages postés 3 Date d'inscription vendredi 27 septembre 2013 Statut Membre Dernière intervention 7 octobre 2013
7 oct. 2013 à 13:38
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.
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
7 oct. 2013 à 14:28
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
0