<th> de <table> en rotate 90
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:
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 ?
