col alignement texte

stanc · 30/05/2011, 11h49

Bonjour,
Je n'arrive pas à définir un alignement pour toute une colonne.

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Document sans nom</title>
<style>
.table1 {
	width:400px;
	border:solid 1px #999;
}
.table1 td{
	border:solid 1px #999;
}
.col1 {
	width:50%;
	background-color:#CFF;
	text-align:right;
}
.col2 {
	width:25%;
	background-color:#FCF;
	text-align:center;
}
</style>
</head>
<body>
<table class="table1">
	<col class="col1"/>
	<col class="col2"/>
	<col class="col2"/>
	<tr>
		<td>Un</td>
		<td>1</td>
		<td>11</td>
	</tr>
	<tr>
		<td>Deux</td>
		<td>2</td>
		<td>22</td>
	</tr>
</table>
</body>

La couleur et la largeur sont bien prises en compte mais pas l'alignement.
Est-ce possible sans avoir à définir la classe de chaque td ?

tigunn · 30/05/2011, 13h35

Salut

Je crois qu'il suffit de la faire pour les en-têtes <th>, comme sur l'exemple ci-dessous:

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
<table border="1">
 <tr>
  <th width="200" height="100" align="left" valign="top">en haut à gauche</th>
  <th width="200">centré au milieu</th>
  <th width="200" align="right" valign="bottom">en bas à droite</th>
 </tr><tr align="center" valign="top">
  <td height="100">centré en haut</td>
  <td>centré en haut</td>
  <td>centré en haut</td>
 </tr><tr align="right" valign="bottom">
  <td height="100">en bas à droite</td>
  <td>en bas à droite</td>
  <td>en bas à droite</td>
 </tr>
</table>

stanc · 30/05/2011, 15h14

Non, ça n'a pas d'influence sur les autres lignes.

tigunn · 30/05/2011, 17h24

Une solution, pas forcément la bonne:

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
24
25
26
27
28
29
<style>.table2 {
	width:400px;
	border:solid 1px #999;
}
.table2 td{
	border:solid 1px #999;
}
.table2 th {
	width:50%;
	background-color:#CFF;
	text-align:right;
}
.table2 td {
	width:25%;
	background-color:#FCF;
	text-align:center;
}</style><table class="table2">
	<tr>
		<th>Un</th>
		<td>1</td>
		<td>11</td>
	</tr>
	<tr>
		<th>Deux</th>
		<td>2</td>
		<td>22</td>
	</tr>
	</tbody>
</table>

30/05/2011, 15h14	#3
stanc Membre habitué Inscription : mai 2007 Messages : 101 Détails du profil Informations forums : Inscription : mai 2007 Messages : 101 Points : 100 Points : 100	Non, ça n'a pas d'influence sur les autres lignes.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email