Как сделать текст вертикальным?

@RazdoIbai · Регистрация: 05.05.2014

Студворк — интернет-сервис помощи студентам

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

CSS
1
2
3
4
5
6
7
8
9
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,a
{
    margin: 0;
    padding: 0;
    border-width: 0;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;

не знаю этот или нет код отвечает, я не шарю в этом.

@StivinKing · 09.11.2014, 04:34

Ну проблема ясна. Стоит overflow: hidden; т.е. отображает только ту область, которая задана. А текст ушел левее. Потому его и не видно.

@RazdoIbai · 11.11.2014, 09:41 **[ТС]**

А как исправить?

@monochromer · 11.11.2014, 16:24

как пример transform: rotate(90deg);

@RazdoIbai · 11.11.2014, 22:19 **[ТС]**

А вот куда бы его впихнуть? А то я заменил на этот код " transform-origin: left top;" весь сайт стал вертикальным на 90 градусов.

@monochromer · 12.11.2014, 06:47

Сообщение от RazdoIbai

А вот куда бы его впихнуть?

Впихивайте в стили того блока, который нужно повернуть.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .

@StivinKing 7 / 7 / 3 Регистрация: 21.12.2012 Сообщений: 146
	09.11.2014, 04:34
	Ну проблема ясна. Стоит overflow: hidden; т.е. отображает только ту область, которая задана. А текст ушел левее. Потому его и не видно. 0

@RazdoIbai 0 / 0 / 0 Регистрация: 05.05.2014 Сообщений: 46
	11.11.2014, 09:41 [ТС]
	А как исправить? 0

@monochromer 419 / 381 / 163 Регистрация: 03.01.2013 Сообщений: 966
	11.11.2014, 16:24
	как пример transform: rotate(90deg); 0

@RazdoIbai 0 / 0 / 0 Регистрация: 05.05.2014 Сообщений: 46
	11.11.2014, 22:19 [ТС]
	А вот куда бы его впихнуть? А то я заменил на этот код " transform-origin: left top;" весь сайт стал вертикальным на 90 градусов. 0