Largeur d'un <td>

**Anduriel** · 03/11/2005, 20h14

Salut,

J'ai deux colonnes. J'en ai une avec tu texte et une autre vide, qui est la pour ne pas que l'autre prennes les 100% de la largeur. En fait je voudrai que ma colonne 1 prenne la largeur du texte, et ma colonne compense le reste.
Mais mon problème: la colonne est trop grande quelque soit le texte...
Comment faire?
Merci

**francis m** · 03/11/2005, 23h09

si j'ai bien compris ce que tu cherches

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
<html> 
<head>
	<style type="text/css">
                .col1 { width:auto; float:left; background-color:red;}
                .col2 { background-color:green; }
        </style>
</head>
<body> 
<div class="col1"> 
	<p>texte d'une certaine largeur</p>
</div> 
<div class="col2">    
	<p>&nbsp;</p>
</div> 
</body> 
</html>

**francis m** · 03/11/2005, 23h31

sorry je n'avais pas lu ton titre. on dirait que tu veux mettre cela dans un tableau. pourquoi ne pas insérer ton tableau dans un div, de ce genre :

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
<html> 
<head>
	<style type="text/css">
                .tablo { width:100%; background-color:red; }
                .col3 { background-color:yellow; }
        </style>
</head>
<body> 
<div class="tablo"> 
	<table>
		<tr>
			<td class="col3">
				<p>texte d'une certaine largeur</p>
			</td>
		</tr>
	</table>
</div>
</body> 
</html>

**Anduriel** · 04/11/2005, 18h11

Non en fait moi j'ai ce code:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<table align="center" width="80%" cellspacing="0" cellpadding="0">
	<tr>
		<td style="border-bottom:1px solid orange;width: 5px">&nbsp;</td>
		<td align="right" style="width:10px"><img src="images/left-etiquette.gif"></td>
		<td class="title">Petit</td>
		<td style="width:10px"><img src="images/right-etiquette.gif"></td>
		<td style="border-bottom:1px solid orange;width: 5px">&nbsp;</td>
		<td align="right" style="width:10px"><img src="images/left-etiquette.gif"></td>
		<td class="title">Un autre texte</td>
		<td style="width:10px"><img src="images/right-etiquette.gif"></td>
	</tr>
</table>

Mais tu vois, ma cellule "Petit" est beaucoup trop large, prend quasiment toute la largeur...
Moi je voudrai qu'elle soit aussi large que le texte...

**francis m** · 04/11/2005, 18h40

eh bien insère ton tableau dans un div :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div align="center" width="80%"> 
	<table cellspacing="0" cellpadding="0">
		<tr>
			<td style="border-bottom:1px solid orange;width: 5px">&nbsp;</td> 
			<td align="right" style="width:10px"><img src="images/left-etiquette.gif"></td> 
			<td class="title">Petit</td> 
			<td style="width:10px"><img src="images/right-etiquette.gif"></td> 
			<td style="border-bottom:1px solid orange;width: 5px">&nbsp;</td> 
			<td align="right" style="width:10px"><img src="images/left-etiquette.gif"></td> 
			<td class="title">Un autre texte</td> 
			<td style="width:10px"><img src="images/right-etiquette.gif"></td> 
		</tr>
	</table>
</div>