Этот сайт не наркоманов. Это сайт программистов.

Добро пожаловать на Пыху!

Логин:
Пароль:
 

Нет прописки? Зарегистрируйся!

Новости

Мы в твиттере!
Мы вконтакте!
Мы на яндексе!

Краснодарское время: 09 Февраль, 2012, 08:53:53

Страниц: [1]
Печать
Автор Тема: Поворот текста, работает везде, кроме IE  (Прочитано 1748 раз)
0 Пользователей и 1 Гость смотрят эту тему.
gvik    ↓ 
23 Январь, 2010, 02:02:55
НЕ ХУЕТА! ХУЕТА!


Карма: 1
Сообщений: 138
Сила слова: 0.72

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

<code><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример вертикального текста</title>
<style type="text/css">
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="canv">Пример11 вертикального текста</div>
<object class="obj" type="image/svg+xml"
 data="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'>
 <text x='-350' y='50' font-family='Arial' font-size='25' transform='rotate(-80)'>Пример вертикального текста</text>
 </svg>">
</object>
</body>
</html>
Записан
Ewg777    ↓ 
23 Январь, 2010, 02:05:34 , спустя 2 минуты 39 секунд
НЕ ХУЕТА! ХУЕТА!

Группа: Джедаи

Карма: 666
Сообщений: 512
Сила слова: 4.69

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

Этот сайт не наркоманов. Это сайт программистов.
Givi    ↓ 
23 Январь, 2010, 04:02:16 , спустя 1 час 56 минут 42 секунды
НЕ ХУЕТА! ХУЕТА!

Группа: Адекваты

Карма: 42
Сообщений: 2248
Сила слова: 1.87

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

Все, что говорят другие - неправда! До тех пор, пока ты сам в это не поверишь.
Если человек дурак, то... чур это не я!
Ewg777    ↓ 
23 Январь, 2010, 04:03:20 , спустя 1 минуту 4 секунды
НЕ ХУЕТА! ХУЕТА!

Группа: Джедаи

Карма: 666
Сообщений: 512
Сила слова: 4.69


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

Этот сайт не наркоманов. Это сайт программистов.
gvik    ↓ 
26 Январь, 2010, 07:23:37 , спустя 3 дня 3 часа 20 минут 17 секунд
НЕ ХУЕТА! ХУЕТА!


Карма: 1
Сообщений: 138
Сила слова: 0.72

Спасибо большое всем!
Помогла только эта сслыка
Записан
CTAPbIu_MABP    ↓ 
26 Январь, 2010, 09:29:29 , спустя 2 часа 5 минут 52 секунды
НЕ ХУЕТА! ХУЕТА!

мавр
Группа: в ухо

Карма: не нужна
Сообщений: 5184
Сила слова: 1.81

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

java.lang.OutOfMemoryError
gvik    ↓ 
01 Февраль, 2010, 03:08:21 , спустя 5 дней 17 часов 38 минут 52 секунды
НЕ ХУЕТА! ХУЕТА!


Карма: 1
Сообщений: 138
Сила слова: 0.72

CTAPbIu_MABP, спс!
Поворачиваю по ссылке, которую описал в предыдущем сообщении
Записан
CTAPbIu_MABP    ↓ 
01 Февраль, 2010, 03:33:28 , спустя 25 минут 7 секунд
НЕ ХУЕТА! ХУЕТА!

мавр
Группа: в ухо

Карма: не нужна
Сообщений: 5184
Сила слова: 1.81

так это ж тока для осла.
Записан

java.lang.OutOfMemoryError
gvik    ↓ 
08 Февраль, 2010, 10:00:55 , спустя 6 дней 18 часов 27 минут 27 секунд
НЕ ХУЕТА! ХУЕТА!


Карма: 1
Сообщений: 138
Сила слова: 0.72

сори, действительно не та ссылка, вот эта с хабры
Записан
Страниц: [1]
Печать
 

Перейти в: