dimension des colonnes ds un tableau

**Kiwimenthe** · 16/08/2007, 15h36

Bonjour,

Comment peut-on spécifier la largeur de chaque colonne dans un tableau ?
Automatiquement, en fonction du contenu, il s'adapte mais pour unne meilleure lisibilité je voudrais avoir des colonnes un peu plus large que le résultat.
Mais existe t-il une syntaxe pour ca ?
Voilà comment aujourd'hui je construit mon tableau

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<table border=1 width=100% bgcolor=#EBEBEB>
	<tr >
		<td>Catégorie</td>
		<td>Sous catégorie</td>
		<td> </td>
		<td>Produit</td>
		<td>Prix HT</td>
		<td>Qte</td>
		<td></td>
		<td></td>
	</tr>
	<?php echo $html; ?>
</table>

La ce sont les entête et ensuite les ligne sont generées par php. Ca marche mais je voudrai pouvoir préciser une largeur pour chaque colonne.

Merci de vos lumières

**fayred** · 16/08/2007, 15h52

Bonjour,
moi je mets un div dans chaque td et jy associe une classe dans mon css precisant la largeur.

Exemple :

Code :

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

1
2
 
<td><div class="grande_colonne">Blabla</div></td>

css:

Code :

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

1
2
3
4
5
6
 
.grande_colonne
{
        height:24px;
        width:30px;
}

Et apres, t'adaptes...

@+

**Kiwimenthe** · 16/08/2007, 15h59

Merci Fayred, je vais suivre ton conseil

**Tober** · 17/08/2007, 10h03

Pourquoi ajouter un div quand on peut directement mettre la taille dans un td :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<html>
<head>
</head>
<body>
<table border="border">
<tr><td style="width:200px">grande colonne</td><td>petite colonne</td></tr>
<tr><td>grande colonne</td><td>petite colonne</td></tr>
<tr><td>grande colonne</td><td>petite colonne</td></tr>
</table>
</body>
</html>

dimension des colonnes ds un tableau

HTML

Vue hybride

Discussions similaires

Partager

Partager