Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.60/15: Рейтинг темы: голосов - 15, средняя оценка - 4.60
11 / 11 / 1
Регистрация: 25.08.2011
Сообщений: 146
Записей в блоге: 1
1

Можно ли средствами html/css сделать текст вертикальным

29.08.2013, 14:19. Просмотров 2810. Ответов 7
Метки нет (Все метки)

Дизайнер нарисовал, а заказчик утвердил макет сайта с вертикально ориентированными ценниками (т.е. текст повернут на 90 градусов). Я сказал, что это невозможно сделать в html, а заказчик возражает: "Это ваша работа, вы должны в точности повторить макет дизайнера".

Может быть, я недостаточно хорошо знаю html, и действительно можно сделать вертикальный текст?
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
29.08.2013, 14:19
Ответы с готовыми решениями:

Возможно ли сделать плашку общей средствами html/css
Приветствую уважаемые форумчане! Подскажите пожалуйста, возможно ли как-то убрать верхнюю полосу в...

Как средствами css можно сделать табличку?
Доброго времени суток! Как средствами css можно сделать табличку? если не трудно могли бы показать...

Как сделать текст вертикальным?
Поставил виджет на сайт, ( http://andreyzolotarev.ru/ ) на нем должен быть вертикальный текст, но...

Можно ли, используя html или css, написать текст под углом 90?
можно ли с помашю html или css написать текст под углом 90?

7
Человек
325 / 199 / 63
Регистрация: 04.02.2013
Сообщений: 1,200
29.08.2013, 17:38 2
Условия исключительно html ?
есть свойство writing-mode
0
11 / 11 / 1
Регистрация: 25.08.2011
Сообщений: 146
Записей в блоге: 1
29.08.2013, 19:12  [ТС] 3
Я бы смог решить задачу, к примеру на php с использованием картинок для каждой цифры...
Сейчас вопрос стоит в том, можно ли это сделать, установив определенное свойство (ну, или прикрутив ПРОСТОй скрипт JS)?
Либо нужно для этого ваять дополнительный скрипт, тратить время и, соответственно, брать за это дополнительную копейку?
0
926 / 614 / 256
Регистрация: 04.04.2013
Сообщений: 2,461
29.08.2013, 22:22 4
Сделайте ценник картинкой вместе с текстом.
0
Администратор
11818 / 5128 / 258
Регистрация: 05.04.2011
Сообщений: 13,867
Записей в блоге: 2
29.08.2013, 23:13 5
Можно попробовать извернуться.

Текст, который должен быть вертикальным, запихиваем в отдельный контейнер. Которому задаем ширину ровно в одну букву. А самому диву присваиваем свойство

CSS
1
word-wrap: break-word
0
11 / 11 / 1
Регистрация: 25.08.2011
Сообщений: 146
Записей в блоге: 1
29.08.2013, 23:38  [ТС] 6
Taatshi, так можно было бы сделать, если бы буквы оставались горизонтально ориентированными. А они тоже повернуты на 90 градусов. Т.е. верхние их части оказываются с левой стороны, а нижние - с правой. Лень картинку делать, ну думаю, и так понятно))
0
560 / 337 / 87
Регистрация: 15.05.2013
Сообщений: 812
Записей в блоге: 1
30.08.2013, 11:00 7
dolte, writing-mode по прежнему не поддерживается ни одним современным браузером.
Работает лишь в режиме совместимости.

Александр216, смотрите в сторону трансформаций. Работают уже стабильно. Применять не страшно.
Firefox уже давно без префиксов их держит, webkit с префиксами, IE 9... c Восьмой версией вот только не выйдет видимо ничего.

http://caniuse.com/#feat=transforms2d
0
dolte
30.08.2013, 12:18     Можно ли средствами html/css сделать текст вертикальным
  #8

Не по теме:

Forastero, Буду знать, сам ниразу им не пользовался

0
30.08.2013, 12:18
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
30.08.2013, 12:18
Привет! Вот еще темы с ответами:

Опрос средствами HTML, CSS и JS
Всем добрый вечер. По практике в универе пишу сайт и дошел до такого задания: Создать...

Закругленные уголки рамок средствами html и CSS.
Всем, доброго времени суток! Хотел бы спросить, как мне сделать закругленные уголки рамок...

Текст на размытом фоне средствами CSS
Добрый вечер! Как сделать текст на размытом фоне с помощью CSS? filter: blur(px) размывает все,...

Как сделать вот такой макет через html и css (div и css)
Доброго времени суток.Подскажите как сделать по скрину ?* что бы было Лого на весь экран вот тот...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.