HTML (?) - Probleme affichage texte trop large.

HTML (?) - Probleme affichage texte trop large. - HTML/CSS - Programmation

Marsh Posté le 12-11-2007 à 12:06:16    

Bonjour,
Je developpe un site web,
je recupere des données texte dans une base pour les mettres dans un champ texte HTML
entre deux balises <p>.
 
le champ texte fonctionne bien, avec une phrase normale
il coupera la phrase à un espace et fera un retour à la ligne.
probleme, si je met une phrase sans espace par exemple :
 
"sansespacesansespacesansespacesansespacesansespacesansespace"
 
le champ explose en largeur et déforme toute ma page.
je souhaiterai qu'il passe automatiquement à la ligne au caractere qu'i llui plait sans devoir modifier le texte.
Quelle balise HTML, ou autre existe pour obtenir ce resultat?

Reply

Marsh Posté le 12-11-2007 à 12:06:16   

Reply

Marsh Posté le 12-11-2007 à 13:24:37    

Pour qu'une longue chaine, sans espace, soit coupée automatiquement, il faut ajouter

word-wrap: break-word;

 

Reply

Marsh Posté le 12-11-2007 à 13:31:26    

en PHP tu peux te servir de wordWrap


Message édité par SICKofitALL le 12-11-2007 à 13:31:34

---------------
We deserve everything that's coming...
Reply

Marsh Posté le 12-11-2007 à 14:32:44    

et en HTML? ca marche aussi? je dois le rajouter dans la balise?
et comment je defini dans ce cas, la longueur de la ligne max?

Reply

Marsh Posté le 12-11-2007 à 14:58:09    

:??:
 
non tu as ici deux solution :
- la premiere passe par du CSS, donc il te suffit d'assigner une classe CSS à l'élement qui affiche ton fameux texte (<div class="monTexte">blabla</div> par exemple où pour le CSS tu as .monTexte { word-wrap: break-word; })
- la deuxieme est indirecte et passe par du PHP, en partant du fait que tu récuperes les données de ta BDD en PHP


---------------
We deserve everything that's coming...
Reply

Marsh Posté le 19-11-2007 à 12:40:58    

la premiere solution marche sous IE
mais ne fonctionne pas sous Firefox.
 
Vous auriez une solution alternative, meme si elle ne fonctionnerait que sous Firefox et pas sous IE ? (vu que jai deja la partie du fix IE)

Reply

Marsh Posté le 19-11-2007 à 13:27:36    

En fait word-wrap: break-word n'est pas standard, donc IE only, et je crois pas qu'il y est un équivalent W3C de la chose (en CSS3 peut-être ?)
 
Donc soit tu passes par la deuxieme solution (PHP) si tu peux, sinon sous google j'ai trouvé ce script, à voir [:spamafote]


---------------
We deserve everything that's coming...
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed