Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
0 / 0 / 0
Регистрация: 07.01.2016
Сообщений: 4

Странно работает поворот на 90 градусов

07.01.2016, 16:13. Показов 1058. Ответов 7
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Поворот работает, но местоположение повёрнутого текста странное. Если брать одинаковый текст - всё стабильно, отступ на 35.
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
      <?php $i=495; ?>
        <i style='font:25pt serif; position:absolute; left:<?=$i+35?>;' class="lessons">рус. яз.</i>
        <i style='font:25pt serif; position:absolute; left:<?=$i+70?>;' class="lessons">лит-ра</i>
        <i style='font:25pt serif; position:absolute; left:<?=$i+105?>;' class="lessons">матем.</i>
        <i style='font:25pt serif; position:absolute; left:<?=$i+140?>;' class="lessons">физика</i>
        <i style='font:25pt serif; position:absolute; left:<?=$i+175?>;' class="lessons">биол.</i>
        <i style='font:25pt serif; position:absolute; left:<?=$i+210?>;' class="lessons">хим.</i>
        <i style='font:25pt serif; position:absolute; left:<?=$i+245?>;' class="lessons">геогр.</i>
        <i style='font:25pt serif; position:absolute; left:<?=$i+315?>;' class="lessons">история</i>
        <i style='font:25pt serif; position:absolute; left:<?=$i+350?>;' class="lessons">общ.</i>
        <i style='font:25pt serif; position:absolute; left:<?=$i+385?>;' class="lessons">ин. яз.</i>
        <i style='font:25pt serif; position:absolute; left:<?=$i+420?>;' class="lessons">информ.</i>
        <i style='font:25pt serif; position:absolute; left:<?=$i+455?>;' class="lessons">ОБЖ</i>
        <i style='font:25pt serif; position:absolute; left:<?=$i+490?>;' class="lessons">физ-ра</i>
        <i style='font:25pt serif; position:absolute; left:<?=$i+525?>;' class="lessons">музыка</i>
        <i style='font:25pt serif; position:absolute; left:<?=$i+560?>;' class="lessons">черчение</i>
        <i style='font:25pt serif; position:absolute; left:<?=$i+595?>;' class="lessons">технол.</i>
        <style>
            .lessons{
            top:120;
            -moz-transform:rotate(-90deg);
            -webkit-transform:rotate(-90deg);
            -o-transform:rotate(-90deg);
            -ms-transform:rotate(-90deg); 
            }
        </style>
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
07.01.2016, 16:13
Ответы с готовыми решениями:

Поворот формы на 90 градусов
Здравствуйте!:) Столкнулся с такой проблемой, что при выводе формы на лист бумаги form.print форма должна быть повернута на 90 градусов....

Поворот матрицы m*n на 90 градусов
Всем привет! Народ, нужна ваша помощь. Для реализации задачи необходима функция поворота матрицы на 90 градусов, причем матрица не всегда...

Поворот матрицы на 90 градусов
uses crt; const l=100; var A:array of integer; i,j,p,x,k, n: integer; begin randomize; clrscr; writeln('vvedite razmer...

7
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
07.01.2016, 16:48
Цитата Сообщение от less04 Посмотреть сообщение
Если брать одинаковый текст - всё стабильно, отступ на 35
Не везде... Вы неправильно посчитали... Это во-первых...
0
27 / 41 / 13
Регистрация: 15.05.2013
Сообщений: 1,313
07.01.2016, 16:51
PHP
1
left:<?=$i+70?>;
может из-за того, что нет единиц измерения (px,em,%)?
0
0 / 0 / 0
Регистрация: 07.01.2016
Сообщений: 4
07.01.2016, 16:57  [ТС]
А во-вторых?

Добавлено через 2 минуты
Цитата Сообщение от phpk Посмотреть сообщение
PHP
1
left:<?=$i+70?>;
может из-за того, что нет единиц измерения (px,em,%)?
Цитата Сообщение от phpk Посмотреть сообщение
может из-за того, что нет единиц измерения
Нет, не из-за этого
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
07.01.2016, 17:01
Цитата Сообщение от less04 Посмотреть сообщение
А во-вторых?
А во-вторых, при наличии доктайпа в документе данный код вряд ли прокатит...
0
0 / 0 / 0
Регистрация: 07.01.2016
Сообщений: 4
07.01.2016, 17:05  [ТС]
Но его же нет
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
07.01.2016, 17:18
less04, если нет тогда количество букв в одном слове будет пропорционально отступу между словами после поворота...

Прелести абсолютного позиционирования...
0
0 / 0 / 0
Регистрация: 07.01.2016
Сообщений: 4
08.01.2016, 17:22  [ТС]
Действительно... Поставил размер, всё заработал.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
08.01.2016, 17:22
Помогаю со студенческими работами здесь

Поворот текста на 90 градусов
Здравствуйте. Как сделать, чтобы текст в StringGrid был повернут на 90 градусов (вертикально)? Должно быть так:

Поворот изображения на 90 градусов
Помогите, пожалуйста, сделать поворот изображений при нажатии определенной клавиши. program project9_1; uses crt, graph; var...

Поворот матрицы на 90 градусов
в Memo записана квадратная матрица со стороной conlyns например 0 0 1 1 0 0 0 0 0 0 1 0 0 0 0 1 1 1 0 1 1 0 1 0 0 1 1 0 1 1 1 1 1 1...

Поворот матрицы на 90 градусов
1.Пиксели рисунка закодированы числами (обозначающими цвет) в виде матрицы, содержащей N строк и M столбцов. Выполните поворот на 90...

Поворот изображения на 90 градусов!
Как повернуть изображения Image на 90 градусов? Подскажите кому не трудно! За ранее спасибо!


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

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Новые блоги и статьи
Философия технологии
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 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru