Probleme avec un tableau

Version imprimable

11/02/2006, 23h07
Seth77

Probleme avec un tableau
Slu

j ai un tableau ou j ai fixe la taille des elements :
Code:

1 2 <TD style="text-align: right;" valign="top" width=100px>
pourtant quand le contenu est grand il augmente bien la taille en hauteur et la taille en largeur !!!

comment l empeche d augmenter la taille en largeur ?????
12/02/2006, 00h50
Seth77

apparement c pas possible !

http://web.developpez.com/faq/html/?...LE_taille_fixe

Tu peux toujours utiliser cette technique une peu lourde qui tronque le texte des cellules. IE ajoute bien les '...' mais pour firefox et autres, il faut le gérer en javascript:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<html>
<head>
<style>
.cell {
        border: 1px #000000 solid;
        width: 100px;
        height: 100px;
        overflow: hidden; /* pour les navigateurs autres que IE (cache le texte qui dépasse) */
        text-overflow: ellipsis; /* ne marche que sous IE (tronque le texte en ajoutant '...') */
}
</style>
</head>
<body>
<table>
	<tr>
		<td><div class="cell">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div></td>
		<td></td> 
		<td></td>
	</tr>
 
</table>
</body>
</html>

Citation:
Envoyé par _dranece_
Tu peux toujours utiliser cette technique une peu lourde qui tronque le texte des cellules. IE ajoute bien les '...' mais pour firefox et autres, il faut le gérer en javascript:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 <html> <head> <style> .cell { border: 1px #000000 solid; width: 100px; height: 100px; overflow: hidden; /* pour les navigateurs autres que IE (cache le texte qui dépasse) */ text-overflow: ellipsis; /* ne marche que sous IE (tronque le texte en ajoutant '...') */ } </style> </head> <body> <table> <tr> <td><div class="cell">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div></td> <td></td> <td></td> </tr> </table> </body> </html>
merci

j ai trouve une autre soluce ... je met le tableau dans une boite et je definis une taille pour la boite