Probleme avec un tableau

**Seth77** · 11/02/2006, 23h07

Slu

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?????

**Seth77** · 12/02/2006, 00h50

apparement c pas possible !

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

**_dranece_** · 13/02/2006, 11h27

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**Seth77** · 13/02/2006, 11h43

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Probleme avec un tableau

HTML

Discussions similaires

Partager

Partager