28221 sujets

CSS et mise en forme, CSS3

Bonjour,

Voilà j'ai créé un livre d'or où les messages qui ont été postés s'inscrivent dans un div d'une largeur de 60% ......

Mais lorsque j'écris un grand texte, au lieu de retourner à la lign, le div s'élargit !

Coment régler ce problème ?

Si ça peut aider voici le code concerné :


<div class="messages"> 
<? 
while ($donnees = mysql_fetch_array($reponse)) 
{ 
     echo '<p><div class="entete">' . $donnees['pseudo'] . ' a écrit : </div>'; 
 
?> 
         
<? 
 
          echo '<div class="message">' . $donnees['message'] . '</div>'; 
} 
 
?> 
</div>



.messages 
{ 
width: 60%; 
background-color: #F6F8FE; 
position: relative; 
top: 10px; 
left: 20%; 
} 
 
.entete 
{ 
background-color: white; 
width: 100%; 
height: 20px; 
font-family: verdana, serif; 
font-size: 0.8em; 
font-weight: bold; 
color: black; 
text-align:center; 
border: 2px solid black; 
} 
 
.message 
{ 
margin: 2px 4px 2px 4px; 
background-color: white; 
width: 100%; 
height: 20px; 
font-family: verdana, serif; 
font-size: 0.6em; 
color:  #555865; 
text-align:justify; 
text-indent: 20px; 
border: 1px solid black; 
border-top: none; 
}


Merci d'avance
Administrateur
Icron a écrit :

Mais lorsque j'écris un grand texte, au lieu de retourner à la lign, le div s'élargit !

A quoi ressemble ton "grand texte" ? Est-ce un seul mot ?
Smiley cligne
Administrateur
Mets un vrai texte, avec des espaces Smiley smile
Les mots ne peuvent pas être coupés, il ne peut y avoir de retour à la ligne que si tu as des espaces.

(au fait, je n'ai pas compris pourquoi tu répétais ta classe ".messages" Smiley hum )
C'est certainement par ce que ton mot est trop long, et des mots comme ça n'existent pas.

Oups, trop tard !
Modifié le 26 Oct 2004 - 22:02
Oui c'est vrai merci

Pour la classe "messages", je ne la répètes pas deux fois Smiley hum :

- j'ai une fois "messages"
- une autre fois "message"

Voilà merci beaucoup !!