Version imprimable
Bonjour,
J'aimerais fixer la taille d'une cellule d'un tableau. Je m'explique:
en fait, lorsque l'on definit la taille avec l'attribut width par exemple à 50px, mais que le texte placé à l'interieur de celle-ci depasse 50 px, la taille de la cellule est alors agrandie. J'aimerais savoir comment faire en sorte que la cellule fasse exactment 50px meme si le texte est plus long (le texte serait alors tronqué).
Est-ce que quelqu'un aurait une idée?
Merci.
si tu as d'autres cellule à côté, essay de jouer avec width=100% pour les autres. :wink:
J'ai efectivement d'autres cellules à coté mais ca ne marche pas en mettant les autres cellules avec une largeur à 100% car il va mettre les cellules à une largeur de 100% par rapport à la largeur de la colonne correspondante.
En fait, ce que je voudrais c'est obtenir une taille de colonne fixe quelque soit la largeur de ce que l'on met dedans or, avec l'attribut "width" ou encore style="width:50px", il prend effectivement bien la bonne taille sauf lorsque ce qu'on lui met dedans est superieur à 50px.
Une autre idée?
Code:style="width:50px;overflow:auto"
yep !!! :lol:
Ca fait quoi l'attribut "overflow"? une scrollbar? parce que j'ai essayé et ca ne fait rien. En fait j'ai essayé de l'appliquer dans un exemple simple qui suit :
<table width="300px" border="1" align="center">
<tr>
<td style="width:50px;overflow:auto">
dfgdflllllllllllllllllllllllllllllllllllllllllllllllllllllgggggggggggggggggggggggggggggggggggggggggggggggggggggggggg
</td>
<td width="40px">dfgdf</td>
<td width="150px">fdgfg</td>
<td width="60px">dfdfg</td>
</tr>
</table>
Je souhaiterais que la première colonne fasse 50px et pas la taille du texte. Et, dans cet exemple du coup les autre cellule ne font pas la taille affectée.
:evil:
combien de fois faudra le répéter
arrêtez avec vos mots de 50 lettres !!!
sinon le style ne s'applique pas au td mais à un div que tu mets dedans (j'ai oublié de préciser)
c'est pas le souci, j'ai mis un mot long comme exemple mais je pourrais très bien avoir une phrase aussi long avec des espaces, il me le mettrai à la ligne, mais je voudrais justement qu'il n'aille pas forcement à la ligne et qu'il me mette l'ensemble de la phrase dans la cellule mais que la cellule ne depasse pas 50px, la phrase serait alors tronquée.
Si vous voulez je peux prendre un autre exemple:
<table width="270px" border="1" align="center">
<tr>
<td style="width:20px;overflow:auto">
cellule du tableaux faisant plus de 20px
</td>
<td width="40px">dfgdf</td>
<td width="150px">fdgfg</td>
<td width="60px">dfdfg</td>
</tr>
</table>
la première cellule ne fait pas 20 px dans ce cas précis.
J'ai finalement trouvé la solution :
<style type="text/css">
<!--
div {
width: 50px;
overflow: hidden;
}
-->
</style>
<table width="" border="1" align="center">
<tr>
<td nowrap>
<div>cellule du tableaux faisant plus de 20px</div>
</td>
<td>dfgdf</td>
<td>fdgfg</td>
<td>dfdfg</td>
</tr>
</table>
merci à tous pour vos réponses.