Taille d'un tableauRésolu/Fermé

Question

Bonjour,

Je réalise le design d'un site web et j'ai beaucoup de mal avec un tableau en CSS (je débute). Je m'explique : j'ai un tableau (dont la taille est définie), quatre colonnes dont une dont je ne connais pas le contenu et lorsque le contenu d'une cellule de cette colonne est long et qu'il n'y a pas d'espace, même avec une taille fixe, le tableaux s'agrandit et sort de son block parent...

j'ai tout essayé, "word-wrap: break-word;", "overflow:hidden;", les cellules continuent de s'étirer horizontalement et non verticalement comme je le voudrais, la seule propriété qui fonctionne est "table-layout: fixed ;" mais les cellules ont toutes la même taille...

Comment puis-je faire ?

Merci d'avance. 

Configuration: Windows 7 / Firefox 8.0

twiiiix · Answer

UP !

pitxu · Answer

Bonjour,

et en combinant les 2 ?

table {
    table-layout:fixed;
}

table td {
    overflow:hidden;
}

twiiiix · Answer

ils sont déjà combinés avec "table-layout:fixed;" ça marche. Mais toutes les cellules ont la même taille je cherche donc à avoir un tableau à largeur fixe sans cette propriété.

pitxu · Answer

toutes les cellules td ont la même hauteur, si tu veux changer ça il faut jouer avec les paramètres rowspan et colspan

twiiiix · Answer

Pourtant, je j'ai juste fixé la hauteur minimum des td, je souhaite juste que les cellules se redimensionnent verticalement et non horizontalement, seulement lorsqu'il n'y a pas d'espace dans le contenu elle s'étirent horizontalement, je ne vois pas en quoi les paramètre rowspan et colspan peuvent jouer quelque chose...

pitxu · Answer

et bien si tu fais :

tes cellules feront 200 de hauteur quelque soit la valeur de la hauteur de la première balise td alors que :

te permet d'aligner une cellule de 30 à côté d'une cellule de 200

twiiiix · Answer

Merci pour aide, mais j'ai finalement remplacé le contenu de la cellule par un input, il masque le texte automatiquement et ça marche.

Taille d'un tableau

7 réponses

Discussions similaires

Newsletters