Discussion :

[Ekimasu]

Bonjour,

j'ai une page internet (je ne peux pas encore la mettre en ligne) qui contient une mise en page faite avec un tableau.

Quand je mets dans une balise TD un texte plus gros que la TD (texte qui vient de PHP), alors mon tableau est élargi et la mise en page completement désordonnée.
Pourtant j'ai mis une height et une width fixe à mon tableau et au TD et au TR !
Mon texte semble trop gros en longueur et en police (hauteur).

N'y-a-t-il pas moyen de faire en sorte que le contenu dépassant soit masquer avec une propriété style sur la TD ? ou sur le texte ?

une idée ? j'espère que c'est un problème courant comme ça vous pourrez m'aider !

bonne journée

[Bisûnûrs]

http://developpez.net/forums/showthread.php?t=268416

[CYCLOPE91440]

utilise la fonction wrap=virtual ou 'virtual' dans ta balise TD

Cela a réglé mon problème car il va à la ligne automatiquement à la fin de la cellule.

bon courage

[Ekimasu]

oui mais si on ne veut pas le retour à la ligne, ça va pas. je veux juste une troncation brutale.

[Oluha]

tu peux mettre un <div> dans ta cellule et lui appliquer le style :

Code :

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

overflow:hidden

ou

Code :

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

overflow:auto

suivant que tu veuilles une scrollbar ou non

[Ekimasu]

bonjour,

merci pour cette solution qui fonctionne sous Ie6et7,seamonkey et firefox (les 3 sous windows). par contre ça ne fonctionne pas sous Linux avec les naviguateur Konqueror et Firefox (version identiques à windows).
Il semble que les tailles des polices soient différentes.
une idée ?

merci.

[Ekimasu]

ok, c'est bon j'ai résolu tous mes problèlmes.

donc pour résumer (ya peu de gens qui résument ses solutions c'est dommage) :

-1 tout ce qui est dans un TD est foutu entre DIV ayant un style overflow à hidden
-2 Attention à faire gaffe bien mettre les units en px dans le style
-3 et SURTOUT à bien mettre des : (deux points) et non des = (égale) pour spécifier ces mesures !

Je me suis pris la tête pour savoir pourquoi mon style "height=224px" ne fonctionnait pas !