Discussion :

[CanardJM]

Bonjour,

J'ai un tableau que je construis comme cela

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<table border="1" width="90%">
<tr>
<th>Line</th>
<th width="10">col1</th>
<th width="70">col2</th>
<th width="70">col3</th>
<th width="150">col4</th>
</tr>
<tr>
<td>blabla</td>
<td>info1</td>
<td>info2</td>
<td>info3</td>
<td>info4</td>
</tr>
...
</table>

En fait je veux que mon tableau face 90% de ma page en longeur et que les colonnes 1 à 4 aient une taille définie tandis que ma colonne Line prend le reste.

Ma line étant souvent très longue, elle est sur deux lignes, ce qui ne pose pas de problème.

Le problème est que dès fois il n'y a pas d'espace dans ma line ce qui fait que elle ne veut pas aller à la ligne à la fin de la taille max de ma case, et donc ma case s'agrandit, ce qui agrandit mon tableau, ce qui ne convient pas.

Même en forçant la taille de ma cellule du tableau, elle s'agrandit automatiquement car il ne sait pas mettre le contenu de ma cellule sur 2 lignes étant donné qu'il n'y a pas d'espace ....


Une idée sur le comment faire ?

Merci.

[sharrascript]

bonjour,

Désolé de te décevoir, mais je crois qu'il n'y a pas de solution, en effet malgré les dimensions imposées, les mots ne sont jamais tronqués, à la limite IE saute une ligne avec certains caractères comme le tiret, mais bon.

A mon avis, une fonction php qui limite le nombre de caractères et saute une ligne serait + adaptée...

++

[trotters213]

Tu as 2 solutions pour couper ton mot :

• CSS :

  Code CSS :

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

  td { word-wrap:break-word; }

  Valide CSS 2.1 et + (pour l'instant reconnu que par IE).
• PHP :

  Code PHP :

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

  <?php echo wordwrap('ton_mot_super_long',10);?>

  Césure de "ton_mot_super_long" chaque 10 lettres.