Discussion :

[Federico_muy_bien]

Bonjour à tous !
J'aurais aimé que la ligne d'entête de mon tableau soit à la verticale. Donc j'ai utilisé le -transform: rotate(-90deg); sur mon <th>.
Ça marche ! Le seul soucis c'est que le rotate a l'air d'être appliqué APRÈS que le tableau soit construit. Ce qui a pour conséquence de voir la ligne se retrouvé sur le tableau.

J'ai utilisé des td dans mon exemple. Je ne pense pas que ça change beaucoup de chose...

Code css :

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

1
2
3
4
5
6
7
8
 
tr#entete td {
				display: block;
				-webkit-transform: rotate(-90deg); 
				-moz-transform: rotate(-90deg);
				-transform: rotate(-90deg);
				filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
			}

Un clear:both ne donne rien. Une idée ?

[NoSmoking]

Bonsoir,
il te faut préciser une height et une width compatible avec la rotation.

[Federico_muy_bien]

Cool merci ça marche !
Ça s'aligne... Bizarre. Le height est bien la hauteur, je veux dire malgré la rotation... c'est bien foutu CSS quand même !

Merci !