Hauteur de cellule fixe
linderlin
-
linderlin -
linderlin -
Bonjour,
Je suis débutant en html et voilà j'ai une question un peu bête:
J'ai une cellule d'un tableau dont j'ai fixé la hauteur et la largeur.
Lorsque je rentre du texte dedans, la hauteur de la cellule augmente si le texte dépasse la hauteur fixée. Pourtant j'ai fixé la hauteur de la cellule!
N'y aurait-il pas un moyen de véritablement fixer la hauteur de cette cellule peu importe le texte qu'elle contient?
Voilà à quoi ressemble mon ptit bout de code:
<table id="table_2_1">
<tr>
<td id="case_2">TEXTE</td>
</tr>
</table>
et le CSS:
#table_2_1{width:170px;height:90px;border:solid 1px;float:right;font-size:0.75em;}
#case_2{background-color:#CCCCFF;border:solid 1px;text-align:justify;}
Je suis débutant en html et voilà j'ai une question un peu bête:
J'ai une cellule d'un tableau dont j'ai fixé la hauteur et la largeur.
Lorsque je rentre du texte dedans, la hauteur de la cellule augmente si le texte dépasse la hauteur fixée. Pourtant j'ai fixé la hauteur de la cellule!
N'y aurait-il pas un moyen de véritablement fixer la hauteur de cette cellule peu importe le texte qu'elle contient?
Voilà à quoi ressemble mon ptit bout de code:
<table id="table_2_1">
<tr>
<td id="case_2">TEXTE</td>
</tr>
</table>
et le CSS:
#table_2_1{width:170px;height:90px;border:solid 1px;float:right;font-size:0.75em;}
#case_2{background-color:#CCCCFF;border:solid 1px;text-align:justify;}
7 réponses
-
Tu peux fixer la hauteur et la largeur. Effectivement si le texte dépasse celui-ci passe à la ligne et fausse ton height.
Pour que ton texte rentre malgré tout tu peux jouer sur la taille de la police. Mais je ne vois pas pourquoi tu veux cacher une partie de ton texte... -
Merci Breub62 de ta réponse rapide.
En effet j'avais pensé à régler la taille de police mais je trouve que ce n'est pas très pratique...Si je comprends bien c'est le seul moyen de faire en sorte que ma cellule ne s'allonge pas.
Je voulais cacher une partie de mon texte juste pour une question de présentation, ensuite l'ensemble du texte je peux le mettre ailleurs... -
Essaye de mettre ça au niveau de ton css
table-layout:fixed;
-
le table-layout c'est à mettre pour le tableau ou pour la cellule?
J'aiessayé les 2 mais ça n'a pas l'air de marcher :( -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
-
Sinon, tu peux le faire avec une scrollbar...
La cellule ne bougera pas en taille et l'ensemble du texte restera lisible.
Toutefois, il faut placer un div dans le td car les balises de cellule ne prennent pas en compte l'overflow.
Voici un exemple qui fonctionne parfaitement:<table> <tr> <td><div style="width:300px;height:50px;overflow:auto;">Bonjour, Je suis débutant en html et voilà j'ai une question un peu bête: J'ai une cellule d'un tableau dont j'ai fixé la hauteur et la largeur. Lorsque je rentre du texte dedans, la hauteur de la cellule augmente si le texte dépasse la hauteur fixée. Pourtant j'ai fixé la hauteur de la cellule! N'y aurait-il pas un moyen de véritablement fixer la hauteur de cette cellule peu importe le texte qu'elle contient? </div></td> </tr> </table>
-
