Problème tableau

xqM Messages postés 105 Statut Membre -  
 Dolux' -
Bonjour,

J'ai un petit souci avec les tableaux.
En effet, lorsque le mot est trop long il agrandit le td de manière assez problématique.

Je vous laisse regarder le souci : https://imageshack.com/

Je signale juste que le td message est en %

Si quelqu'un peut m'aider et faire en sorte que le mot se coupe et aille à la ligne, merci =)

Cordialement,
xqM
A voir également:

10 réponses

Dolux'
 
ok,
donc perso j utiliserai le php pour vérifier la longueur des mot présent dans le message.
en considèrent que dans la langue française, le plus grand mot fait 25 caractères

///on définit le nombre de caractères max accepté par mots 
$nbrcaractmaxi=25; 
$message  = "un mot de plus de 25 caractères anticonstitutionnellement_avec_25_lettres."; 
////on explose notre message pour récupérer chaque mots 
$mots = explode(" ", $message); 
////avec str_word_count on compte le nombre de mot  
for ($nbr=0;$nbr<str_word_count($message);$nbr++) 
{ 
 //on compte la longeur de chaque mot avec strlen 
 if (strlen($mots[$nbr])>$nbrcaractmaxi) 
 { 
  //si la longueur du mot dépasse 25 caractère on le coupe   
  $mots[$nbr] = substr($mots[$nbr], 0, $nbrcaractmaxi); 
 } 
 //on reconstruit le message 
 $message="$message $mots[$nbr]"; 
} 
on vérifie notre résultat, le mot  anticonstitutionnellement_avec_25_lettres a bien été couper après 25 caractère en "anticonstitutionnellement" 
echo "$message"; 


Il y a surement plus simple, voila ce que moi j'aurais fait ;)
2
choubaka Messages postés 39986 Date d'inscription   Statut Modérateur Dernière intervention   2 106
 
Bonjour

Quel langage ???
0
xqM Messages postés 105 Statut Membre 4
 
html/css !
0
xqM Messages postés 105 Statut Membre 4
 
up !
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Dolux'
 
Bonjour, tu utilise un tableau pour chaque message ?
Pour régler ton prob. je te suggérerais d utiliser un seul tableau avec un ligne pour chaque message..
0
xqM Messages postés 105 Statut Membre 4
 
Bonjour,

En réalité, c'est un tableau qui se répète à chaque message avec la boucle ...

il est pourtant délimité en largeur, je ne sais pas quoi faire !

Merci, mais j'ai déjà essayé cette solution, ça ne marche pas :/
0
Dolux'
 
au lieu de répéter ta table dans la boucle tu as mit une seul table et répété ton tr c'est ça ?

Peux tu coller ton code ? (essentiellement la ou tu défini les largeur de la table et des td )
0
xqM Messages postés 105 Statut Membre 4
 
J'code pas hyper bien donc si tu as des idées pour que ce soit mieux, n'hésite pas !

Et nan j'ai répété la table
en gros ça donne
while
{
<table class="tableau_message">
<tr>
<td class="tableau_message_prenom">
</td>
<td class="tableau_message_message">
</td>
</tr>
</table>
}

( grossièrement )

et le code css du tableau :

.tableau_message
{
width: 95%;
height: 100px;
margin: 0px auto;
padding: 0px;
margin-bottom: 0px;
border-collapse: collapse;
}
.tableau_message_prenom
{
width: 200px;
margin: 0px;
padding: 1px;
border: 2px solid #27589f;
border-collapse: collapse;
}
.tableau_message_message
{
margin: 0px;
padding: 1px;
padding-left: 5px;
padding-right: 5px;
border: 2px solid #27589f;
border-collapse: collapse;
color: blue;
}
0
Dolux'
 
1ier question,
ton tableau est placé dans quoi ?
que délimite le 95%?

Pour plus de clarté déjà moi je mettrais ça:
<table class="tableau_message">
while
{
<tr>
<td class="tableau_message_prenom">
</td>
<td class="tableau_message_message">
</td>
</tr>
}
</table>
0
Dolux'
 
Ensuite le suppose que ton prob apparait par ce que tu as fait le teste avec un mot sans espace du genre lkjlkjlkjlkjlkjlkjkljkjkjljkljkljljljlkjlkjlkjlkjlkjlkj..
alors que si le mot étais lkjljk lkjlkjlkj lkjlkj lkj lkj lkj lkjlkj.. tu n'aurais pas ce problème si ?
0
xqM Messages postés 105 Statut Membre 4
 
Tout à fait exact pour ton commentaire, c'est EXACTEMENT ça !
J'avais essayé de répéter que le tr mais ça marchait pas en fait :/

le 95% délimite la longueur du tableau dans le corps du site, ainsi ça m'évite de régler margin-left et margin-right vu qu'il ne fera que 95% en longueur :)
0