Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Накладываются блоки друг на друга

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Описание: position: absolute
Поиск в теме | Версия для печати
etoYA
Отправлено: 26 Июня, 2015 - 16:35:39
Post Id



Участник


Покинул форум
Сообщений всего: 1859
Дата рег-ции: Июль 2011  
Откуда: Крым


Помог: 21 раз(а)
Можно ли средствами css, а так же без выбора каждого span выровнять текст (будто без position absolute)?
CODE (html):
скопировать код в буфер обмена
  1. <h1>
  2.     <span>T</span>
  3.     <span>E</span>
  4.     <span>S</span>
  5.     <span>T</span>
  6. </h1>

CODE (html):
скопировать код в буфер обмена
  1.  
  2. span{
  3.     position: absolute;
  4. }
  5.  


p.s position absolute нужно для использование translate.
 
 Top
Ch_chov
Отправлено: 26 Июня, 2015 - 16:39:50
Post Id



Постоянный участник


Покинул форум
Сообщений всего: 2121
Дата рег-ции: Июль 2008  
Откуда: из города


Помог: 90 раз(а)
Ну так указывайте позицию для каждого элемента.
 
 Top
etoYA
Отправлено: 26 Июня, 2015 - 17:05:56
Post Id



Участник


Покинул форум
Сообщений всего: 1859
Дата рег-ции: Июль 2011  
Откуда: Крым


Помог: 21 раз(а)
Ch_chov, это ясно, я думал, есть что-то универсальноеУлыбка
 
 Top
IllusionMH
Отправлено: 26 Июня, 2015 - 18:36:46
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
etoYA, а если так?
CODE (CSS):
скопировать код в буфер обмена
  1. span {
  2.     position: relative;
  3.     display: inline-block;
  4. }

transform не применяется к инлайновым элементам, но для inline-block должен работать.

(Отредактировано автором: 26 Июня, 2015 - 18:43:54)

 
 Top
etoYA
Отправлено: 26 Июня, 2015 - 20:30:59
Post Id



Участник


Покинул форум
Сообщений всего: 1859
Дата рег-ции: Июль 2011  
Откуда: Крым


Помог: 21 раз(а)
IllusionMH, неа, transform (как я понял) работает только при абсолютном позиционировании.
 
 Top
IllusionMH
Отправлено: 26 Июня, 2015 - 23:03:53
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
etoYA, неправильно поняли. Почитайте спеку.
Проверил: Opera, FF, Chrome отлично двигают span если задать ему inline-block. А вот Edge двигает и инлайновые элементы. Позиционирование в общем случае нафиг не нужно.
 
 Top
etoYA
Отправлено: 27 Июня, 2015 - 18:01:52
Post Id



Участник


Покинул форум
Сообщений всего: 1859
Дата рег-ции: Июль 2011  
Откуда: Крым


Помог: 21 раз(а)
IllusionMH, действительно,спасибо.
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB