Már egy ideje küzdök egy problémával, amit sehogy sem sikerül 100%-osra megoldanom: van egy oldalunk ahol a táblázat cellái felé szöveget szeretnénk kiírni, 90°-al elforgatva. Kép nem lehet, mert azt az ügyfél nem tudja szerkeszteni, mi pedig nem szeretnénk minden egyes alkalommal új képet legyártani hozzá. Másik megoldás még lehet az, hogy PHP-val oldjuk meg, de a kedves kollégám nem hajlandó azzal vacakolni.
Találtam egy nagyon jó megoldást erre, ami minden böngészõ alatt mûködik >link< (még ie6 alatt is, lol), de Firefox 3.6 alatt nem (a fent említett kedves kolléga pedig szintén nem hajlandó frissíteni az övét, csak hogy izgalmasabb legyen az élet...).
Ami még eszembe jutott, az a CSS3 és egy változóval átadjuk neki, hogy melyik megoldást használja. Mind szép és jó, de! Ahogy nézegettem, ez a CSS3-as szövegforgatás úgymond egy optikai illúzió. A szöveg elfordul, de maga a div attól függetlenül vízszintes pozícióban marad és olyan széles mint a benne lévõ szöveg, vagyis a szövegeket nem tudom közelebb húzni egymáshoz vagy megtörnek több sorba. Lássátok, hogy mirõl beszélek: kép
Tud bárki akármilyen megoldást erre a csodára mielõtt falnak megyek...? Mivel a cégem egy ici-picit maradi, így IE6+, FF 3,6+-ban jónak kell lennie és nem lehet benne jQuery. Örök hálám annak aki tud segíteni rajtam!