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]   

> Описание: div вложен в li
Поиск в теме | Версия для печати
snikers987
Отправлено: 16 Ноября, 2012 - 11:35:54
Post Id



Участник


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


Помог: 25 раз(а)
CODE (html):
скопировать код в буфер обмена
  1.  
  2. <style>
  3. .inactive {
  4.     background: #e2e2e2;
  5.     min-height: 17px;
  6.     height: interit;
  7.     width: 5px;
  8.     position: absolute;
  9.     left:0px;
  10.     z-index:-1;
  11. }
  12. </style>
  13.  
  14. <ul class="menu">
  15.    <li><div class="inactive"></div><a  href="/">ГЛАВНАЯ</a></li>
  16.     <li><div class="active"></div><a  href="/ne">НЕ ГЛАВНАЯ=)</a></li>
  17. </ul>
  18.  

Пример представленный выше работает не как хотелось..

Как сделать, что бы <div class="inactive"></div> имел высоту предка, то есть <li> ?

(Отредактировано автором: 16 Ноября, 2012 - 11:36:37)



-----
Когда всматриваешься в тёмную бездну, учти, что кто-то может смотреть на тебя из неё...
 
My status
 Top
avtor.fox
Отправлено: 16 Ноября, 2012 - 12:12:49
Post Id



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


Покинул форум
Сообщений всего: 2083
Дата рег-ции: Март 2012  
Откуда: Воронеж


Помог: 50 раз(а)
CODE (html):
скопировать код в буфер обмена
  1. #menu li{
  2. position:relative;
  3. }
  4. #menu li.inactive{
  5. position:absolute;
  6. height:100%;
  7. }

(Отредактировано автором: 16 Ноября, 2012 - 12:19:24)

 
 Top
snikers987
Отправлено: 16 Ноября, 2012 - 12:26:22
Post Id



Участник


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


Помог: 25 раз(а)
avtor.fox пишет:
CODE (html):
скопировать код в буфер обмена
  1. #menu li{
  2. position:relative;
  3. }
  4. #menu li.inactive{
  5. position:absolute;
  6. height:100%;
  7. }


Спасибо, а то что-то меня замкнуло в этом месте


-----
Когда всматриваешься в тёмную бездну, учти, что кто-то может смотреть на тебя из неё...
 
My status
 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