Показать сообщение отдельно
  #9 (permalink)  
Старый 03.11.2008, 02:33
Аватар для Gvozd
Матрос
Отправить личное сообщение для Gvozd Посмотреть профиль Найти все сообщения от Gvozd
 
Регистрация: 04.04.2008
Сообщений: 6,246

Вот, я немного нагуглил
http://xpoint.ru/forums/internet/htm...ad/41790.xhtml
http://bolknote.ru/2006/12/16/~330/
<html>
<head>
    <style type="text/css">
        html>body .canv { display: none }
        .canv { filter: flipv() fliph(); writing-mode: tb-rl; width: 10px; height: 150px;
                font-size:12px; font-family: Arial; background-color: white }

        html>body .obj  { display: block; width: 10px; height: 150px }
        .obj { display: none }
    </style>
</head>

<body>
<div class="canv">Hello!</div>

<object class="obj" type="image/svg+xml"
    data="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'>
    <text x='-150' y='10' font-family='Arial' font-size='12' transform='rotate(-90)'>Hello!</text>
    </svg>">
</object>

</body>
</html>

ивот еще с других
<font style="FILTER: flipv fliph; WRITING-MODE: tb-rl">text</font>
<hr/>
<BDO dir=rtl>test</BDO>
<hr/>
<div style="writing-mode : tb-rl;width:1px;">text</div>
<hr/>
<font style="LAYOUT-FLOW: vertical-ideographic">text</font>

анализировать материал немного лень.
насколько я понял, из найденного, CSS-ом это решается лиш в IEпоследних версий
в первом случае используется хак с svg-картинками, для других браузеров.
ЗЫ а вообщеalexKniaz, и аналогичные решениям +1 от меня
ЗЫЫ выдача гугла на "css вертикальный текст", первые 4 документа)))

Последний раз редактировалось Gvozd, 03.11.2008 в 02:39.
Ответить с цитированием