VPF::Повернуть div под углом - Форум программистов

gigi1988

Дата 21.12.2010, 14:25 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 9
Регистрация: 22.4.2007

Репутация: нет
Всего: нет

Делаю интерактивный заказ билетов в зрительном зале.
Места у меня изображают div контейнеры, но проблема в следующем. В зале есть ряды размещенные под углом. Соответственно нужно изобразить на схеме под углом. Как это решить не знаю.

Mavrun

Дата 21.12.2010, 14:42 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 199
Регистрация: 25.11.2007

Репутация: 9
Всего: 13

либо делашеь див с бэкграундом в виде картинки повёрнутого прямоугольника, либо используешь поворот блоков на CSS3.

SamDark

Дата 22.12.2010, 00:50 (ссылка)

(голосов:1)

Загрузка ...

Добрый кот

Профиль
Группа: Участник
Сообщений: 1424
Регистрация: 25.7.2006
Где: Voronezh

Репутация: 6
Всего: 38

gigi1988,
http://css3please.com/

Там находим раздел .box_rotate и меняем 7.5deg на нужное значение. В итоге выйдет что-то вроде:

Код


.box_rotate {
     -moz-transform: rotate(7.5deg);  /* FF3.5+ 
       -o-transform: rotate(7.5deg);  /* Opera 10.5 
  -webkit-transform: rotate(7.5deg);  /* Saf3.1+, Chrome 
      -ms-transform: rotate(7.5deg);  /* IE9 
          transform: rotate(7.5deg);  
             filter:  progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', /* IE6,IE7  
                      M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104); 
         -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9914448613738104, M12=-0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104,sizingMethod='auto expand')"; 
                      /* IE8 
               zoom: 1;
}

Работать будет везде.

--------------------

rmcreative.ru — Это жжж неспроста...
yiiframework.ru — О фреймворке Yii на русском.
reggi — здесь я регистрирую домены

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »