Hauteur de cellule fixe

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;}

7 réponses

Breub62 Messages postés 3452 Statut Membre 369
 
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...
0
linderlin
 
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...
0
Breub62 Messages postés 3452 Statut Membre 369
 
Essaye de mettre ça au niveau de ton css

table-layout:fixed;
0
linderlin
 
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 :(
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Breub62 Messages postés 3452 Statut Membre 369
 
0
arthezius Messages postés 3756 Statut Membre 475
 
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>
0
linderlin
 
Merci beaucoup arthezius, ça m'aide bien!
0