Taille d'un tableau
Résolu
twiiiix
Messages postés
342
Statut
Membre
-
twiiiix Messages postés 342 Statut Membre -
twiiiix Messages postés 342 Statut Membre -
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.
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.
7 réponses
-
-
Bonjour,
et en combinant les 2 ?
table {
table-layout:fixed;
}
table td {
overflow:hidden;
} -
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é.
-
toutes les cellules td ont la même hauteur, si tu veux changer ça il faut jouer avec les paramètres rowspan et colspan
-
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
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...
-
et bien si tu fais :
<table border="1">
<tr><td height="30"> </td><td height="200"> </td></tr>
</table>
tes cellules feront 200 de hauteur quelque soit la valeur de la hauteur de la première balise td
alors que :
<table border="1">
<tr><td rowspan="2"> </td><td height="30"> </td></tr>
<tr><td height="170"></td></tr>
</table>
te permet d'aligner une cellule de 30 à côté d'une cellule de 200 -
Merci pour aide, mais j'ai finalement remplacé le contenu de la cellule par un input, il masque le texte automatiquement et ça marche.
