2010-09-20

Вертикальный текст в HTML

howto, программирование, JavaScript, ztools

Как я уже писал, в HTML совершенно нет возможности размещать текст по-вертикали. Правда, сильно ограниченные возможности присутствуют в Internet Explorer, правда, у этого способа я обнаружил один баг — при предварительном просмотре печати текст оказывается зеркально отраженным, видимо, второй фильтр не применяется.

Хотелось бы найти универсальный способ отображать вертикальный текст по-вертикали во всех браузерах и по возможности без глюков. Как говорится если нельзя, но очень хочется, то можно.

Создал небольшой скрипт для отображения текста по-вертикали. Код получился сравнительно небольшим. Скрипт использует VML под IE и SVG под остальными браузерами.

Внешний вид полностью настраивается при помощи CSS и Javascript. Здесь можно скачать архив, а здесь увидеть как это работает в живую.

Выложенный пример тестировался на IE6-IE7, Firefox2, Google Crome, Opera и Safary.

 

комментарии:

 
Дмитрий (анонимный пользователь) | 2012-09-06

В IE 8 не хочет работать(

Дмитрий (анонимный пользователь) | 2012-09-06

В IE 8 не хочет работать(

Корвин (анонимный пользователь) | 2013-01-31

Спасибо Вам огромное! Долго искал решение, которое работало бы одинаково во всех браузерах... и Ваш вариант как бальзам на душу)

Правда, в IE 7, IE8 файл не открылся, но это может быть проблема в IETester'e...

max | 2013-01-31

Корвин, в IE8 может не работать, я знаю в чем дело, не помню исправил ли я этот баг в этой версии или нет, обещаю посмотреть как выпадет минутка. Когда делал IE8 был еще экзотикой, а сейчас уже устарел...

Денис (анонимный пользователь) | 2014-03-24

Помогите внедрить в плагин вордпресса

AntonHyday | 2017-01-08
Acticin Discount Quick Shipping Low Price Online viagra online prescription Achat Lioresal Viagra Pfizer 100 Mg Beipackzettel Kamagra En Ligne En Suisse Levitra Last Longer Best Levitra Price viagra online Kamagra 100 Kaufen Prezzo Scatola Cialis Comprar Cialis Alicante Buy Cialis Discount Generic Isotretinoin Medicine In Internet Fedex Anchorage Buy Propecia Online Usa Zithromax Diarrhea Treatment Amoxicillin For Pink Eye generic levitra professional Best Life Rx Acheter Viagra Soft Clomid Moins D Ovulation online pharmacy Dose Of Amoxicillin For Tick Bite Order Ciprofloxacin Eye Drops
RSS комментариев

Для того чтобы каждый раз не представляться можно войти как зарегистрированный пользователь.

Имя*

разрешены только теги br, font, span, p, strong, u, p, blockquote, a, div, img - остальные будут безжалостно удаляться

разное (187)
howto (124)
программирование (108)
гад-же-ты (75)
мысли (42)
PHP (41)
JavaScript (39)
вебмастеринг (37)
linux (28)
гондураша (28)
юмор (25)
полезное (21)
Android (17)
движок (17)
софт (15)
деньги (14)
кино (14)
видео (13)
музыка (10)
интернет (10)
путешествия (10)
беспредел (10)
diy (9)
книги (9)
занимательная физика (8)
ztools (8)
умный дом (8)
языки (7)
хостинг (7)
Nokia 5800 (7)
css (6)
вебдизайн (6)
lifehack (6)
связной (5)
apple (5)
oDesk (5)
arduino (5)
козлы (5)
прелоадер (5)
svn (4)
движек (4)
кухня (4)
Python (4)
аниме (4)
занимательная юриспруденция (4)
рестораны (3)
software (3)
энергия (3)
synphony (3)
webmastering (2)
Java (2)
Берлин (2)
Ruby on Rails (2)
фото на документы (2)
гитара (2)
bash (2)
спорт (2)
восстановить (1)
дурдом (1)
авторское право (1)
SEO (1)
сайты (1)
наука (1)
годнурас (1)
C++ (1)
технологии (1)
programming (1)
микросервисы (1)
Поиск по блогу:

Valid XHTML 1.0 Strict