Как перевернуть текст вверх ногами

[cbone]

Всем доброго времени суток.

Столкнулся с проблемой при вёрстке. Как можно перевернуть текст вверх ногами? Какие есть методы для этого? Копался, в CSS ничего не нашёл, как понимаю, придётся использовать какой-нибудь скрипт. В JQuery и MooTools не смог ничего подобного найти(хотя не сильно глубоко лез). Может кто сталкивался?

Уточнение: нужно, чтоб текст переворачивался при :hover

[hf3]

картинкой?

Средствами ксс можно только писать вертикально и справа налево…

[cbone]

Ну картинкой то понятно. Слишком просто. Мне не хочется вставлять лишние картинки ради такого случая

Кому интересно, вот что нарыл: http://www.revfad.com/flip.html - сервис, переворачивающий текст(только латиница)

[cbone]

Больше нет никаких вариантов?

Картинка не подходит в связи с тем, что переворачиваться будет меню навигации, которое периодически будет изменяться. Не делать же для каждого пункта меню свою картинку. А если на ресурсе очень много пунктов... Ой как не рационально получится

Edited September 28, 2009 by cbone

[L0k!]

ну по Вами же приведенной ссылке можно посмотреть функцию, которая реализует переворот символов - если символ "p" то меняем его на "d" и т.д. если символа для замены нету -то подставляеться юникод...

Для кириллицы я не нашел подходящих кодов... так что скорее всего с русским текстом такой номер не пройдет.

[tranzittt]

Для кириллицы я не нашел подходящих кодов... так что скорее всего с русским текстом такой номер не пройдет.

Это зря вы так) Всё уже найдено для всех букв и можно спокойно переворачивать русский текст вверх ногами наравне с английским:

http://sadesign.ru/flip/

[Yahoo!]

Для IE есть свойство

writing-mode: lr-tb /*Текст размещается горизонтально слева направо и сверху вниз.*/

writing-mode: tb-rl /*Текст размещается вертикально сверху вниз и справа налево.*/

Только для IE7 или 6 и ниже! Не валидно.

А потому либо сервисом воспользуйтесь, либо картинкой.

Edited April 8, 2010 by Yahoo!

[mishka]

Нормальное кроссбраузерное адекватное решение кроме как картинки предложить немогу.

Сначала думал что ТС хочет чтото типа внизу зеркальное отражение сделать, потом как прочитал зачем это:

Уточнение: нужно, чтоб текст переворачивался при :hover

я представил себе это, и офигел от такого дизайнерского хода

Наверное это для людей с специфической психикой.

Edited April 8, 2010 by mishka2