come creare intestazione testo tabella verticale con HTML5 tela?

Question

Qualcuno sa se è possibile creare testo verticale in una tela HTML5 e quindi avere il ridimensionamento tela per il contenuto?

Ho visto post su l'aggiunta di testo e ruotandolo ma non so come avere le tele ridimensionano automaticamente ad essa in seguito.

Ecco un link a una pagina con una delle tabelle: qui

Io fondamentalmente vogliono sostituire le intestazioni superiori con il testo verticale in diverse tele. I nomi delle squadre devono essere dinamici e mi piacerebbe piuttosto non li hanno generato come jpg di.

Grazie!

Answer 1

In poi finiscono ho ri-scritto in modo ha fatto esattamente quello che volevo ed è all'indirizzo http://wncba.co.uk/results/javascript/vertical-text.js se qualcuno vuole usarlo.

Ecco una pagina che mostra che lavorano: http: //wncba.co.uk/results/?action=navigate&season=2012&league_id=2&division_id=7&nav_key=4e16159770efb07ac6e6bae4f86c7dc5

Answer 2

E 'possibile, vedi violino rapida per questo: http://jsfiddle.net/dev_null_dweller/qyfyb/

Answer 3

E 'possibile, anche se difficile da testo ruotare con CSS3 transform: http://jsfiddle.net/PhilippeVay/ hXnsT / 2 /
Ogni testo nella cella di intestazione è un elemento span. Questo intervallo è vincolata in larghezza e la grand-genitore (elemento tr, ma potrebbe essere il genitore th oltre) ha un'altezza uguale alla larghezza.
Testo può essere ruotato in IE8 e sotto così, con l'aiuto della proprietà writing-mode ma il testo nella prima colonna esigenze più grandi per essere spostati in particolare in IE.

Oltre a questo, le celle di intestazione sono stati contrassegnati con elementi th (con attributo scope per una migliore accessibilità) piuttosto che elementi td con classe .heading.