ФорумРазработкаКлиентская сторонаВерстка и оформление → Поворот текста, работает везде, кроме IE

Поворот текста, работает везде, кроме IE

  • gvik

    Сообщения: ? Репутация: N Группа: Кто попало

    Spritz 23 января 2010 г. 6:02

    Вот код для поворота текста, который работает во всех браузерах кроме IE. Svg IE не поддерживает и если надо чтобы он работал в IE нужно использовать фильтры. Я использую, а толку никакого. Прошу помощи.

    <code><!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot; &quot;http://www.w3.org/TR/html4/loose.dtd&quot;>
    <html>
    <head>
    <meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=windows-1251&quot;>
    <title>Пример вертикального текста</title>
    <style type=&quot;text/css&quot;>
    html>body .canv {
    display: none;
    }
    .canv {
    filter: flipv() fliph();
    writing-mode: tb-rl;
    width: 100px;
    height: 350px;
    font-size: 30px;
    font-family: Arial;
    background-color: white;
    text-align: center;
    }
    html>body .obj {
    display: block;
    width: 100px;
    height: 350px;
    }
    .obj {
    display: none;
    }
    </style>
    </head>
    <body>
    <div class=&quot;canv&quot;>Пример11 вертикального текста</div>
    <object class=&quot;obj&quot; type=&quot;image/svg+xml&quot;
    data=&quot;data:image/svg+xml,<svg xmlns=&#39;http://www.w3.org/2000/svg&#39;>
    <text x=&#39;-350&#39; y=&#39;50&#39; font-family=&#39;Arial&#39; font-size=&#39;25&#39; transform=&#39;rotate(-80)&#39;>Пример вертикального текста</text>
    </svg>&quot;>
    </object>
    </body>
    </html>
  • Ewg777

    Сообщения: ? Репутация: N Группа: Джедаи

    Spritz 23 января 2010 г. 6:05, спустя 2 минуты 39 секунд

    http://habrahabr.ru/blogs/css/58732/ {+++16+++} текст под произвольным углом без флеш и js {+++35+++} или http://www.ssi-developer.net/css/vertical-text.shtml
  • Givi

    Сообщения: ? Репутация: N Группа: Адекваты

    Spritz 23 января 2010 г. 8:02, спустя 1 час 56 минут 42 секунды

    gvik, а каким боком это к пыхе относится ? Почему не учитесь для начала создавать темы в &quot;своих&quot; разделах, а потом уже код писать ?
  • Ewg777

    Сообщения: ? Репутация: N Группа: Джедаи

    Spritz 23 января 2010 г. 8:03, спустя 1 минуту 4 секунды


    gvik, а каким боком это к пыхе относится ? Почему не учитесь для начала создавать темы в &quot;своих&quot; разделах, а потом уже код писать ?
    Более того: почему не в поиск? поворот текста html
  • gvik

    Сообщения: ? Репутация: N Группа: Кто попало

    Spritz 26 января 2010 г. 11:23, спустя 3 дня 3 часа 20 минут

    Спасибо большое всем!
    Помогла только эта сслыка
  • Trej Gun

    Сообщения: 5299 Репутация: N Группа: в ухо

    Spritz 26 января 2010 г. 13:29, спустя 2 часа 5 минут 52 секунды

    gvik, как поворачиваешь? возможно тебе надо вот это http://code.google.com/p/explorercanvas/source/browse/trunk/excanvas.js
  • gvik

    Сообщения: ? Репутация: N Группа: Кто попало

    Spritz 1 февраля 2010 г. 7:08, спустя 5 дней 17 часов 38 минут

    CTAPbIu_MABP, спс!
    Поворачиваю по ссылке, которую описал в предыдущем сообщении
  • Trej Gun

    Сообщения: 5299 Репутация: N Группа: в ухо

    Spritz 1 февраля 2010 г. 7:33, спустя 25 минут 7 секунд

    так это ж тока для осла.
  • gvik

    Сообщения: ? Репутация: N Группа: Кто попало

    Spritz 8 февраля 2010 г. 2:00, спустя 6 дней 18 часов 27 минут

    сори, действительно не та ссылка, вот эта с хабры

Пожалуйста, авторизуйтесь, чтобы написать комментарий!