Вертикальное расположение текста
Что нужно сделать, чтобы текст в ячейке расположился вертикально, т.е. горизонтальную надпись развернуть против часовой стрелки на 90° ?
Это возможно в html5, который до сих пор не утверждён и каждым браузером поддерживается в некоторой мере.
[highlight=css]
/** css class */
.rotate-text {
-moz-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
-o-transform: rotate(30deg);
transform: rotate(30deg);
}
[/highlight]
[highlight=css]
/** css class */
.rotate-text {
-moz-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
-o-transform: rotate(30deg);
transform: rotate(30deg);
}
[/highlight]
Цитата: Romik
Это возможно в html5, который до сих пор не утверждён и каждым браузером поддерживается в некоторой мере.
[highlight=css]
/** css class */
.rotate-text {
-moz-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
-o-transform: rotate(30deg);
transform: rotate(30deg);
}
[/highlight]
[highlight=css]
/** css class */
.rotate-text {
-moz-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
-o-transform: rotate(30deg);
transform: rotate(30deg);
}
[/highlight]
Я попробовал, но что-то не сработало. Наверное, браузер не тот что надо - у меня IE6.0
А Вы на каком браузере опробывали сию технологию?
Цитата:
Наверное, браузер не тот что надо - у меня IE6.0
Internet Explorer вообще не любит поддерживать стандарты (а уж тем более достаточно старая версия). Попробуйте в Chrome, Opera или Firefox. Благо они со стандартами дружат.
Вот вы прикалываетесь. IE6 появился за годы до первых публикация HTML5. xD Естесно, его там нет.
Цитата: Shiizoo
Вот вы прикалываетесь. IE6 появился за годы до первых публикация HTML5. xD Естесно, его там нет.
а причем тут HTML5 вобще? О_о
HTML5 вобще никто не поддерживает в полной мере. (Андроиды и другие моб девайсы - не в счет). Лиса 3.5 что-то там заявила, но кажись все-таки не до конца.
Нафлудили тут
Подведу общий итог
Реализовать вертикальный текст простыми средствами не удастся. Варианты такие:
1) Сделать текст картинкой
2) Сделать текст с помощью CSS3 - работать будет в последних версиях Opera, Firefox, Chrome, Safari (версии вышедшие за последние 1.5 года примерно). В IE работать не будет ни в одном (возможно будет работать в IE9, но он еще не вышел официально)
3) SVG - проблемы те же что и с CSS3
4) Флеш (вариант для извращенцев)
Правда бродя по просторам сети я нашел вот такой рецепт:
http://clubs.ya.ru/makeup-websites/replies.xml?item_no=4049
Но ручаться за него не могу тк не проверял. Попробуйте.
Подведу общий итог
Реализовать вертикальный текст простыми средствами не удастся. Варианты такие:
1) Сделать текст картинкой
2) Сделать текст с помощью CSS3 - работать будет в последних версиях Opera, Firefox, Chrome, Safari (версии вышедшие за последние 1.5 года примерно). В IE работать не будет ни в одном (возможно будет работать в IE9, но он еще не вышел официально)
3) SVG - проблемы те же что и с CSS3
4) Флеш (вариант для извращенцев)
Правда бродя по просторам сети я нашел вот такой рецепт:
http://clubs.ya.ru/makeup-websites/replies.xml?item_no=4049
Но ручаться за него не могу тк не проверял. Попробуйте.
http://wlcteam.ru/blog/publications/css3-solutions-for-internet-explorer-part-2/
вращайте текст ка хотите и в том же IE6 тоже
Вообще, ищите: DXImageTransform.Microsoft.Matrixx очень много найдете интересного. Хотя, иногда реализация Microsoft плохая.
вращайте текст ка хотите и в том же IE6 тоже
Вообще, ищите: DXImageTransform.Microsoft.Matrixx очень много найдете интересного. Хотя, иногда реализация Microsoft плохая.