Discussion :

[bouquetin]

Bonjour,
Je souhaite centrer les entêtes de colonnes.

Pour center les colonnes, <CODE>table td { text-align: center; }</CODE> fonctionne.
Mais pour center uniquement les entêtes, je ne vois pas comment faire.

HTML

Code HTML :

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

1
2
3
4
5
6
 <table>
 <th>
  <tr><td>TITRE 1</td><td>TITRE 2</td></tr>
 </th>
  <tr><td>C1</td><td>Colonne 2 bla bla bla</td></tr>
 </table>

J'ai essayé

Code :

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

table th td { text-align: center; }

Code :

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

table th tr td { text-align: center; }

Code :

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

th td { text-align: center; }

Mais rien ne fonctionne.

Comment faire?

Merci d'avance.

[Invité]

Bonjour,

déjà, il faudrait connaitre la bonne syntaxe !

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<table>
<thead>
 <tr>
  <th>TITRE 1</th>
  <th>TITRE 2</th>
 </tr>
</thead>
<tbody>
 <tr>
  <td>... 1</td>
  <td>... 2</td>
 </tr>
...
</tbody>
</table>