Discussion :

[malabarbe]

Bonjour à tous,

J'affiche une grande table avec 5 colonnes.
Ma table a pour ID : AFFI
Et par CSS, j'arrive a définir la largeur de
la première colonne.

Code :

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

1
2
3
4
5
6
 
#AFFI td
{ /* Largeur colonne 1 */
width: 60px;
text-align:center; 
}

Comment faire pour définir la largeur des 4 autres colonnes ?

[austriker]

Bonjour,
Pour définir une largeur spécifique à tes colones tu dois leur ajouter une classe :
exemple:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
#AFFI {
	width:200px;
}
#AFFI td.col_1 {
	width:60px;
}
#AFFI td.col_2 {
	width:80px;
}
#AFFI td.col_3 {
	width:60px;
}

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<table id="AFFI">
  <tr>
    <td class="col_1"></td>
    <td class="col_2"></td>
    <td class="col_3"></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

(A noter que la deuxieme ligne (<tr></tr>) les cellules n'ont pas besoin d'avoir les classes, elle seront de la meme tailles que celle du dessus.)

En faisant ce que tu as fais, tu définissait la largeur de toutes tes cellules à 60px et pas seulement la première.

Austriker.

[malabarbe]

Bonjour austriker,

Ok, après tests, cela fonctionne bien.

Je te remercie.

@ +