Zadejte hledaný výraz...

Nadpis otočený o 90 stupňů – obrázek nebo CSS?

Kovboj
verified
rating uzivatele
(13 hodnocení)
1. 8. 2014 10:28:16
Budu potřebovat otočit nějaké nadpisy na stránce o 90 stupňů a přemýšlím, co je lepší. Klasická možnost je udělat to jako obrázek, modernější je otočit to přes CSS.
Obrázek bude fungovat všude, ale protože font pouužitý na nadpisu bude na stránce i jinde v normálních textových nadpisech tak riskuju, že bude vypadat na některých počítačích trošku jinak (různé vyhlazování, náhrada chybějícího fontu za jiný...).
Když to udělám přes CSS (jako třeba tady http://www.css3maker.com/text-rotation.html) tak mám jistotu že všechny nadpisy budou vypadat stejně, ale zase je riziko že v některých prohlížečích to nebude fungovat vůbec...
Co za takové situace volíte vy?
1. 8. 2014 10:28:16
https://webtrh.cz/diskuse/nadpis-otoceny-o-90-stupnu-obrazek-nebo-css#reply1044738
Font nalinkuješ z vlastního FTP a otočíš přes CSS.
1. 8. 2014 10:59:10
https://webtrh.cz/diskuse/nadpis-otoceny-o-90-stupnu-obrazek-nebo-css#reply1044737
Také bych to řešil pomocí css.
1. 8. 2014 12:59:50
https://webtrh.cz/diskuse/nadpis-otoceny-o-90-stupnu-obrazek-nebo-css#reply1044736
Určitě CSS. Nechceš pokaždé měnit obrázky, ne?
1. 8. 2014 14:06:58
https://webtrh.cz/diskuse/nadpis-otoceny-o-90-stupnu-obrazek-nebo-css#reply1044735
Jakub Kočí
verified
rating uzivatele
(35 hodnocení)
1. 8. 2014 14:15:05
Pokud to nechceš ošetřit tak, aby se podle verze prohlížeče načetlo to řešení, ktery je podporovany, tak bych si nejdřív zjistil, pro jakou většinu lidí je web dělaný. Pokud ho navštěvuje víc lidí se staršíma verzema prohlížeče, udělej to přes obrázek. Pokud víc s novějšíma, určitě přes CSS.
1. 8. 2014 14:15:05
https://webtrh.cz/diskuse/nadpis-otoceny-o-90-stupnu-obrazek-nebo-css#reply1044734
Petr Klimeš
verified
rating uzivatele
(7 hodnocení)
1. 8. 2014 14:29:16
Doprava:
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
writing-mode: tb-rl;
Doleva:
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
writing-mode: lr-tb;
1. 8. 2014 14:29:16
https://webtrh.cz/diskuse/nadpis-otoceny-o-90-stupnu-obrazek-nebo-css#reply1044733
Kovboj
verified
rating uzivatele
(13 hodnocení)
1. 8. 2014 15:31:16
Díky za názory. Šlo mi o praktické zkušenosti zda někdo řešil podobnou situaci, zvolí tedy asi styly.
Jinak jak ten text otočit vím, to mi radit nemusíte ;-)
1. 8. 2014 15:31:16
https://webtrh.cz/diskuse/nadpis-otoceny-o-90-stupnu-obrazek-nebo-css#reply1044732
Registrace
verified
rating uzivatele
(1 hodnocení)
1. 8. 2014 15:34:17
Pokud ti nevadí, že to nebude fungovat v IE8 - http://caniuse.com/#feat=transforms2d, tak CSS.
1. 8. 2014 15:34:17
https://webtrh.cz/diskuse/nadpis-otoceny-o-90-stupnu-obrazek-nebo-css#reply1044731
Pro odpověď se přihlašte.
Přihlásit