Discussion :

[Sergejack]

[INTRO (lecture facultative)]
Je suis en train de fire le design d'un site web et je bute sur un point.

J'ai plusieurs div flottants qui font office de colonnes et à l'intérieur je dois faire apparaître certaines données (des entrés dans les colonnes).
J'essaie d'avoir un grand contrôle sur l'affichage de ces entrés, je veux qu'elles aient toute la même largeur et hauteur et comme certainnes données de tailles variables sont parfois trop longue, il me faut les découpés.
[fin d'INTRO]

J'aimerais en particulier faire deux choses

1) Afficher deux chaines A et B sur une même ligne sachant que B doit être affiché en entier (la taille maximal de B, le permetrait) et donc, rogner (couper) A pour permettre cela, tout en affichant A sur la plus grande longueur possible.
ex : A = Tintin et milou, B = (50)
Tintin et milo(50)

2) Afficher deux chaines E et F sur une même ligne sachant que E doit être affiché en entier sur une longeur fixe qui suffirait à afficher n'importe quel E existant (ex: largeur de 5em).

[Sergejack]

J'ai trouvé la méthode pour ma seconde question (2).

Code :

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

1
2
3
4
5
6
7
8
9
 
<table width="100%" style="table-layout:fixed">
  <tr>
    <td style="white-space:nowrap;overflow:hidden">
	{TEXT}
    </td>
    <td style="max-width:5em">{COUNT}</td>
  </tr>
</table>

Nécessarités :

width="100%" : FireFox (sans, FF utilisera une largeur pouvant dépasser 100% !!)
style="table-layout:fixed" : IE/FireFox (sans, ni IE ni FF ne respecterons les largeurs de colonnes)