Discussion :

[poitierjohan]

Bonjour,
Je travaille dans une balise DIV. Avec parfois une très longue série de caractères adjacent. (vive les gens qui écrivent un MP avec une longue série de "!!!!!!!!!!!!!".) Ce qui me donne un scroll horizontal que je souhaiterais ne pas avoir.

Est-il possible de forcer une saut de ligne pour chaine de caractères suivie et évite ce scroll (balise DIV)...???

Merci pour votre aide...

[StAfX]

Bonjour,

est-ce que tu peux préciser "l'état" dans lequel est ton div, au niveau des propriétés css, ça aiderai pour savoir où il faut regarder (white-space, overflow...)

merci

[poitierjohan]

Oui bien sûr,
Le voici :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
font-family: "Arial Black";
width: 746px;
position: absolute;
top: 103px;
overflow: auto;
height: 486px;
left: 200px;
border: 7px solid #036;
padding: 2px;
font-size: 12px;
max-width:746px;
min-width:746px;

Merci...

[StAfX]

Je n'ai (à priori ) pas la réponse exacte à ta question... mais tu peux toujours essayé une bidouille en mettant overflow: hidden . ça coupera ta chaine de !!!!! ce qui n'ai à priori pas très grâve, mais par contre il faut être sur que ton cadre soit toujours assez grand pour ne pas tronquer d'autre partis du texte... solution très limite donc, mais sinon je ne vois pas...

--> je ne suis pas sur qu'il y ai une solution, essaye lorsque que tu écris un message ici de mettre une chaine énorme ==> un scroll horizontal apparaît...

Bon courage...

Stef.

[Erwan31]

Bonjour,
si tu n'acceptes pas la solution de l'overflow:hidden il n'y a aucune solution en CSS 2.1 mais peut-être en JS en injectant un <br /> à l'intérieur de la chaines de caractère et dans certaines conditions...

[Bisûnûrs]

Ou tu peux toujours passer par une solution langage serveur, comme la fonction wordwrap() de PHP par exemple.

[devyan]

Salut,

Est-ce que remplacer le DIV par un TEXTAREA ne pourrait pas faire l'affaire ?
(mais là non plus ce n'est plus du CSS non plus)

[Erwan31]

Salut,
Est-ce que remplacer le DIV par un TEXTAREA ne pourrait pas faire l'affaire ?
(mais là non plus ce n'est plus du CSS non plus)

Hello Devyan,
comme tu dois le savoir, détourner une balise de son rôle initial n'est en général pas très conseillé, ça pourrait être déstabilisant en accès clavier ou via un lecteur d'écran sachant que les textarea prend le focus et puis le plus gros problème: la présence d'une scrollbar dés que le contenu dépasse la hauteur du textarea avec la défaillance ergonomique en découle.