[css] retour à la ligne automatique - le texte sort du cadre

Logiciel & apps Programmation
1

Salut,

j’ai un petit soucis avec du texte dans un cadre:

le code html:

<pre>ceci est du texte qui est dans ce cadre, mais comme il est plus long que la largeur de la page, il doit revenir automatique ment à la ligne</pre>

et le css:

.post-content pre{
        	border: 1px #ccc solid;
        	padding: 1px;
        	background-color: #f3eef6;
        	font-size: 1.25em;
        	overflow: auto;
        	}

Selon la valeur d’overflow, le texte sort du cadre, ou ya un scroll [:berk], bref aucune option me plait.
J’aimerais que le texte retourne à la ligne, une solution ?

:jap:

2

Heu, si tu ne spécifie pas d’overflow, il se passe quoi ?

3

Bienvenue avec pre.

white-space: pre == comportement de merde. Ca saute à la ligne que s’il y a un saut de ligne, et point. Si tu veux faire ce genre d’affichage : str_replace(’ ', ‘&nbsp’, $s).

4

Et si il n’utilise pas de php ?

5

ok, merci SN je testerai demain

:jap:

bskickflipper-> c’est pour un site sous dotclear, donc ya du php, le prob est de savoir où mettre ce code…

6

Oh tu sais c’était pour répondre :ane:

7

nan mais c’est bien de le préciser, car je comptais justement aborder le problème :smiley:

8

S’il n’utilise pas php (ou langage de script/serveur) il va se faire chier c’est tout.

9

C’est vieux comme post, mais je viens de tomber dessus et c’était pas résolu…

En fait moi ce que j’ai fait dans mon code pour prendre le retour à la ligne, c’est que j’ai utilisé la fonction nl2br() de php qui remplace les retours chariot par des <br />

Après ben les autres caractères il me semble que c’est pas vraiment un problème pour les remplacer :slight_smile:

Salutations

10

SANS php :slight_smile:

Et surtout <pre> fait plus ou moins le même effet.