Retour à la ligne dans div [Résolu]

[cragoroth]

Bonjour,

J'ai tant bien que mal essayé, mais ne marche pas.
J'aimerais que lorsque j'ai bcp de text il y ai un renvoi à la ligne automatique par rapport à la largeur de la div. Hors dans mon cas dans la div de gauche, Et bien le texte continu sur la div de droite, enfin par dessus....

J'ai deux div :

Code :

1
2
3
4
5
6
7
8
9
 
<div class="infoOne left">
     <div         class="colorInfoPratique">.........sgsfdgdfgdsgdfsgsdgsdgsdgdsdsgssd
    </div>
</div>
<div class="infoTwo right">
		<div class="colorInfoPratique">04 78 37 08 09
		</div>
</div>

VOILA LE CSS de mes div en gros:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
.infoOne {
    width: 130px;
}
 
.infoTwo {
    width: 100px;
}
 
.left {
    float: left;
}
 
.right {
    float: right;
}
 
.colorInfoPratique {
    background-color: #EDF4F9;
    color: #1B262D;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 5px;
    min-height: 62px;
    padding: 5px;
}

j'ai vu sur le net des trucs du genre :

white-space: pre-line;
white-space: pre-wrap;


quelqu'un a une idée de comment faire ?

merci !!!

j'aimerais bien vous mettre une image mais je n'y arrivep as....

merci de votre aide

[Golgotha]

Bonjour,

C'est normale puisque c'est un seul mot, si tu découpe ton mot tu vera que ça marche bien, tu as un retour à la ligne automatique dans ta div.

Test ne passe pas avec :
.........sgsfdgdfgdsgdfsgsdgsdgsdgdsdsgssd
test passe avec :
.........sgsfdgd fgdsgd fsgsdgsd gsdgdsd sgssd

Sinon, tu peu mettre :

Code :

word-wrap:break-word;

dans ton css, pour casser les mots long.

[cragoroth]

Merci pour la réponse....

mais pourtant je l'avais essayer ce truc là...

word-wrap:break-word;

enfin il me manquait peut-être quelque chose dans le css que j'ai du rajouter.

En tout cas merci j'ai mis ça en plus et ça marche :

Code :

1
2
3
4
5
6
7
8
9
.infoOne {
width: 130px;
word-wrap:break-word;
}
 
.infoTwo {
width: 100px;
word-wrap:break-word;
}

Merci à toi !!!
C'est quand même des petites prises de têtes qui sont relativement facile au bout du compte. J'avais peut-être trop de code devant les yeux pour que ça marche.