Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Проблема со всплывающим меню. 
:(
    Опции темы
Rustik13
Дата 5.6.2008, 09:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Народ!
такая вот проблема:
при наведении на меню в ИЕ оно исчезает, поскольку между элементами есть отступы margin. как можно профиксить этот баг?
Есть вариант - убрать margin 4px, но это не выход.
проблема
PM MAIL   Вверх
bars80080
Дата 5.6.2008, 09:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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



делать двойной контейнер, тот что является рабочим (т.е. на него срабатывают события при наведении мыши и т.д.) - внешний, прозрачный, они должны идти стык встык друг к другу, без всяких отступов
внутри ещё один контейнер, с синей полоской (т.е. то что мы видим) и нужный отступ padding от края

PM MAIL WWW   Вверх
SelenIT
Дата 5.6.2008, 10:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

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



Как вариант - скрывать подменю не сразу после увода мышки, а по таймауту с полусекундной, скажем, задержкой. И пользователю удобнее, и с margin-ами не надо париться...


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
Georgich
Дата 5.6.2008, 11:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Rustik13, вот есть хороший пример реализации такого меню при помощи CSS. Все валидно и кроссбраузерно.
http://www.dynamicdrive.com/style/csslibra...-menu-vertical/
PM MAIL   Вверх
Rustik13
Дата 5.6.2008, 14:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Цитата(SelenIT @ 5.6.2008,  10:06)
Как вариант - скрывать подменю не сразу после увода мышки, а по таймауту с полусекундной, скажем, задержкой. И пользователю удобнее, и с margin-ами не надо париться...

SelenIT ,А не подскажешь как это сделать?
PM MAIL   Вверх
Kirill89
Дата 5.6.2008, 17:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



есть такой глюк у IE... сталквался неоднократно... есть несколько вареантов решение:
1) если не принципиально наличие прозрачности разделительных полос, то увелич из высоту, на высоту расстояния между ними и залей белым.
2) попытаться воспользоваться z-index, ведь вложенные li тоже лежат в своём ul, но это невсегда работает...
примерно так
Код

* {z-index:10;}
#menu ul {z-index:100;}

#menu - id твоего первого (статичного) ула

есть ещё варианты наверное, но я предпочитаю 1 =)


--------------------
PM MAIL WWW   Вверх
Rustik13
Дата 5.6.2008, 19:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Kirill89 1 способ не совсем понял можешь объяснить на конкретном примере?
PM MAIL   Вверх
Kirill89
Дата 6.6.2008, 08:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Rustik13, у тебя отступ задаётся маргинами, убери маргины, вместо этого добавь высоты тегу li а у своего фона (синяя полоса с желтым куском) сделай ещё белую полосу внизу по размеру того самого маргина. понял? на конкретном примере... чуть позже =) сейчас занят чутка.

Добавлено через 4 минуты и 58 секунд
вот и пример =) наткнулся =) 
обрати внимание на фон подпункта меню.

Присоединённый файл ( Кол-во скачиваний: 7 )
Присоединённый файл  v_menu_sub.png 2,91 Kb


--------------------
PM MAIL WWW   Вверх
Rustik13
Дата 8.6.2008, 22:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



ХМ..... наверно, ты непосмотрел, там еще граница правая есть,желтого цвета. При удалении маргинов, и при сохранениии всей структуры, граница будет зализать на белый фон. А нет ли такой функции которая высоту границы задает?
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0542 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.