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 :: overflow + absolute

 PHP.SU

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


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

> Без описания
Поиск в теме | Версия для печати
armancho7777777 Супермодератор
Отправлено: 05 Января, 2012 - 16:33:54
Post Id



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


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


Помог: 221 раз(а)
Всем привет, и с новым годом!

Вот код:

CODE (html):
скопировать код в буфер обмена
  1.  
  2. <ul id="ul1" style="position:relative; overflow:hidden;">
  3.  
  4.     <li>
  5.  
  6.         <ul>
  7.  
  8.            <li class="li1">
  9.               <div style="position:absolute; display:none;"></div>
  10.            </li>
  11.  
  12.             <li class="li1">
  13.               <div style="position:absolute; display:none;"></div>
  14.            </li>
  15.  
  16.            <li class="li1">
  17.               <div style="position:absolute; display:none;"></div>
  18.            </li>
  19.  
  20.            <li class="li1">
  21.               <div style="position:absolute; display:none;"></div>
  22.            </li>
  23.  
  24.            <li class="li1">
  25.               <div style="position:absolute; display:none;"></div>
  26.            </li>
  27.  
  28.        </ul>
  29.  
  30.    </li>
  31.      
  32. </ul>
  33.  


Надо, что бы при наведении курсора на <li class="li1"> появлялся вложенный ДИВ.
Но в силу того, что ul#ul1 --> overflow == hidden, то див уходит за его границы.
Подскажите пожалуйста как решить эту проблемку.
Див должен полность выступать над LI.

(Отредактировано автором: 05 Января, 2012 - 16:59:00)

 
 Top
Panoptik
Отправлено: 05 Января, 2012 - 17:37:16
Post Id



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


Покинул форум
Сообщений всего: 2493
Дата рег-ции: Нояб. 2011  
Откуда: Одесса, Украина


Помог: 131 раз(а)
с оверфлов хидден не прокатит. нужно полюбому его убрать.


-----
Just do it
 
 Top
armancho7777777 Супермодератор
Отправлено: 05 Января, 2012 - 18:05:07
Post Id



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


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


Помог: 221 раз(а)
Это слайдер. Длина спрятанного блока около 2000 px.
 
 Top
IllusionMH
Отправлено: 05 Января, 2012 - 20:05:36
Post Id



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


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


Помог: 242 раз(а)
armancho7777777, ну если слайдер горизонтальный, тогда overflow-x вместо overflow
 
 Top
armancho7777777 Супермодератор
Отправлено: 05 Января, 2012 - 20:07:20
Post Id



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


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


Помог: 221 раз(а)
IllusionMH пишет:
armancho7777777, ну если слайдер горизонтальный, тогда overflow-x вместо overflow

Пробовал))
То же самое почему-то.
Хотя по логике не должно.
 
 Top
Panoptik
Отправлено: 05 Января, 2012 - 20:09:35
Post Id



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


Покинул форум
Сообщений всего: 2493
Дата рег-ции: Нояб. 2011  
Откуда: Одесса, Украина


Помог: 131 раз(а)
max-height поставьте блоку или max-width. взависимости что у вас нужно ограничить


-----
Just do it
 
 Top
armancho7777777 Супермодератор
Отправлено: 05 Января, 2012 - 20:14:33
Post Id



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


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


Помог: 221 раз(а)
Panoptik пишет:
max-height поставьте блоку или max-width. взависимости что у вас нужно ограничить

Это же слайдер.
Меняя горизонтальное положение растянутого блока ( у которого вся лишняя часть спрятана за границей родительского блока ) происходит анимация горизонтального скольжения.
 
 Top
Panoptik
Отправлено: 05 Января, 2012 - 20:18:31
Post Id



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


Покинул форум
Сообщений всего: 2493
Дата рег-ции: Нояб. 2011  
Откуда: Одесса, Украина


Помог: 131 раз(а)
ну тогда продумайте такой вывод чтобы скрытые дивы с абсолютом находились вне контейнера с оверфлой хидден...


-----
Just do it
 
 Top
IllusionMH
Отправлено: 05 Января, 2012 - 20:32:48
Post Id



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


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


Помог: 242 раз(а)
armancho7777777, не видел стили, так что повторил структуру и написал свои.
Вот рабочий пример.
Если как раз то, что нужно было - сравнивай стили. Возможно у себя пропустил position: absolute; у вложеного дива.
Если мой пример не точен, уточни в чем разница или ссылку на твой текущий пример.

(Отредактировано автором: 05 Января, 2012 - 20:33:43)

 
 Top
armancho7777777 Супермодератор
Отправлено: 05 Января, 2012 - 21:02:02
Post Id



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


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


Помог: 221 раз(а)
IllusionMH пишет:
armancho7777777, не видел стили, так что повторил структуру и написал свои.
Вот рабочий пример.
Если как раз то, что нужно было - сравнивай стили. Возможно у себя пропустил position: absolute; у вложеного дива.
Если мой пример не точен, уточни в чем разница или ссылку на твой текущий пример.


Ваш код работает, потому как слово overflow Вы написали не верно, через "w")

owerflow

(Отредактировано автором: 05 Января, 2012 - 21:09:36)

 
 Top
IllusionMH
Отправлено: 05 Января, 2012 - 21:12:54
Post Id



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


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


Помог: 242 раз(а)
armancho7777777, действительно. Очепятка Недовольство, огорчение
Тогда JS (и, вероятно, подключена библиотека), так что сопоставить каждому li свой div не составит труда.
 
 Top
armancho7777777 Супермодератор
Отправлено: 05 Января, 2012 - 21:20:54
Post Id



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


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


Помог: 221 раз(а)
IllusionMH пишет:
armancho7777777, действительно. Очепятка Недовольство, огорчение
Тогда JS (и, вероятно, подключена библиотека), так что сопоставить каждому li свой div не составит труда.


Нет, всё дело в css. Вот, посмотрите. Всё, как у Вас.

(Отредактировано автором: 05 Января, 2012 - 21:21:59)

 
 Top
IllusionMH
Отправлено: 05 Января, 2012 - 21:45:39
Post Id



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


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


Помог: 242 раз(а)
armancho7777777, вот сейчас я запутался.
Уточню: В моем сообщении выше я хотел сказать, что понял что я опечатался, что мой код не работает. И предположил что в данном случае данный функционал придется реализовать через JavaScript.

В твоем примере то же самое - блок скрывается (как понимаю, это и должен был там увидеть)
 
 Top
armancho7777777 Супермодератор
Отправлено: 06 Января, 2012 - 08:19:21
Post Id



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


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


Помог: 221 раз(а)
Я показал мой не рабочий код, чтобы Вы посмотрели его)
А функционал с помощью js я реализовал перемещая этот див в общий контейнер слайдера, и позиционирая его по середине.
А надо что бы он вставал именно над своим LI.
Высчитывать позицию миши и одталкиваться от неё тоже не вариант, так как позиция отсчитывается от края страницы, а тот же контеинер слайдера находится в вложенных объектах.

(Отредактировано автором: 06 Января, 2012 - 08:19:58)

 
 Top
Arch-Web
Отправлено: 12 Января, 2012 - 01:10:27
Post Id



Частый гость


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


Помог: 1 раз(а)
armancho7777777, выложите весь css код
 
 Top
Поиск в теме | Версия для печати
Страниц (2): [1] 2 »
Сейчас эту тему просматривают: 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