Newsgroup: it.comp.www.php
Titolo: Una tabella, le intestazioni in verticale


Che bello, è quello che volevo. Peccato che non viene. Non viene così
come fa vedere. Non sul mio mac, non su pc non su explorer, su niente.
Ora, per carità, il diverso rendering sui vari browsers è la evidente
prova della non esistenza di chi di cui sopra, ma a me non è che
interessi una soluzione universale, mica voglio diventare miliardario,
basta una roba che posso dire a uno che pensa che explorer si chiami
internet guarda devi schiacciare il tasto stampa...
E magari qualcuno una mano me la dà. Uno che magari ha avuto
l'incredibile pazienza di leggere fino a qui, e dice ma dai, ci vuole
niente... 
Forse.
Grazie.
Scusate.
Come mi firmo, ah sì
Giovanni Beretta, sapete la privacy.
 
-- 


Scuse accettate
Varie proposte:
http://stackoverflow.com/questions/1080792/how-to-draw-vertical-text-with-css-cross-browser
 
 
-- 
I fatti mi cosano

 [CUT]
 
due soluzioni spartane ma, credo, efficaci:
- usare delle immagini col nome delle materie scritto in verticale
- usare, al posto del nome intero della materia, una sigla... ad esempio matematica diventa MAT, italiano diventa ITA
 
io farei in uno di questi due modi, altrimenti facendo delle prove con CSS (come ti suggeriscono in un altra risposta) dovresti riuscire agevolmente a farcela :)


Ultima roba, onde evitare di vantarmi vanamente, ed essendo la mia
magione totalmente demicrosoftizzata, c'è mica un modo per vedere il
rendering di una pagina su explorer o simili? Mi pareva di ricordarlo, e
ho trovato browsershots. Ora sono in coda, forse domani me lo fa vedere.
C'è qualcosa di più veloce e affidabile o mi conviene suonare al vicino?
 
Grazie ancora da uno che si firma Giovanni Beretta 
-- 

Giuro che poi non rompo più, ho controllato, con firefox su windows
funziona, ma con explorer no. Ora, di fondo il problema si può dire
risolto, ma magari qualcuno ha un ultimo suggerimento...
Ho messo 
<style>
        p.css-vertical-text {
        color:#333;
        border:px solid red;
        writing-mode:tb-rl;
        -webkit-transform:rotate(-90deg);
        -moz-transform:rotate(-90deg);
        -o-transform: rotate(-90deg);
        white-space:nowrap;
        display:block;
        bottom:0;
        width:40px;
        height:20px;
 
        font-size:12px;
        font-weight:normal;
        text-shadow: 0px 0px 1px #333;
 
        filter:
progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}</style>
 
e poi al giusto punto:
 
echo ("<td height='300' align='center' valign='bottom'
colspan='$righe[$i]' >");
 
{
 
echo ("<p class=css-vertical-text>".$mat."</p>");}
 
Su explorer se ne frega... Non ruota... Boh...
Grazie in ogni caso...
 
Ma non mi chiamavo Giovanni Beretta?
 
AB
 
-- 
please allow me to introduce myself
i'm a  man of wealth and taste

 nomi delle materie in verticale. 
 
Non fai prima, visto che dici di fregartene di IE (che non ricordo fino a 
che versione non supporta min-max-width), a mettere le colonne con width 
fissa? Del tipo:
 
th,td {
		width:100px;
		min-width:100px;
		max-width:100px;
		overflow:hidden;
		white-space:nowrap;
	}
 
Oppure togliere il nowrap e farle andare a capo (al massimo taglierà gli 
ultimi caratteri di parole troppo lunghe)