Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
khrustal
2 / 2 / 0
Регистрация: 26.11.2013
Сообщений: 232
1

Выпадающее меню раскрывается "раньше времени"

24.02.2014, 22:09. Просмотров 479. Ответов 11
Метки нет (Все метки)

Здравствуйте

Страница с меню здесь

При приближении курсора к панели меню снизу, на каком-то ненулевом расстоянии меню почему-то открывается. Причем позиция курсора совпадает с самой нижней ссылкой в подменю.

Может это известный эффект? Подскажите, пожалуйста, в чем дело
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
24.02.2014, 22:09
Ответы с готовыми решениями:

Справа меню, над ним "картинки" нажимая на которые меню меняется на другое содержимое
не очень понимаю на чем работает меню ( http://wpnew.ru/ - справо меню, над ним...

Как сменить цвет последней "кликнутой" ссылки меню
Добрый день! На сайте потребовалось менять цвет последней "кликнутой" ссылки...

Фиксированное меню для старых браузеров "safari"
Здравствуйте, перехожу сразу к проблеме, делаю фиксированное меню для экранов...

<input type="submit" value="button" onClick="">
Если в HTML коде есть токой фрагмент &lt;input type=&quot;submit&quot; value=&quot;button&quot;...

JQuery меню справа с "отталкиванием" контента
Привет всем. Как сделать подобный кусок сайта? ...

11
Mun
7 / 7 / 7
Регистрация: 21.12.2012
Сообщений: 46
24.02.2014, 22:24 2
Кликните здесь для просмотра всего текста
Выпадающее меню раскрывается "раньше времени"

ну,думаю вы поняли что делать?
если что гугл в помощь )
0
zme9
94 / 67 / 23
Регистрация: 22.09.2013
Сообщений: 622
24.02.2014, 22:30 3
line-height меньше нужно ставить или что там отвечает за высоту пункта меню ?
0
khrustal
2 / 2 / 0
Регистрация: 26.11.2013
Сообщений: 232
24.02.2014, 23:14  [ТС] 4
Да, у меня там стоит
CSS
1
2
3
4
5
6
.mynavbar LI DIV.dropdown
{
    width:360px;
    margin:10px 0;
    padding:5px;
}
Но все дело в том, что меню раскрывается гораздо ниже. Какраз там, где находится самая нижняя ссылка в соответствующем подменю. Наведите, пожалуйста курсор снизу вверх к первому пункту меню. Примерно на 100пикселей до него подменю раскроется.
Эта проблема устраняется, когда добавляю к стилям display: none и display: block/inline-block . Но вместе с этим пропадает и анимация. Мне нужно, чтобы меню раскрылось сверху вниз.

Очень жду ваших комментариев.
0
Mun
7 / 7 / 7
Регистрация: 21.12.2012
Сообщений: 46
24.02.2014, 23:27 5
Кликните здесь для просмотра всего текста
Выпадающее меню раскрывается "раньше времени"

у вас тут отображаются поля, от ссылок, значит у вас меню не оптимизировано.
нужно смещать все элементы меню к menu_bar'у, и затем с помощью анимации перемещать вниз
0
khrustal
2 / 2 / 0
Регистрация: 26.11.2013
Сообщений: 232
24.02.2014, 23:40  [ТС] 6
Если можно, проясните, пожалуйста, что значит "элемент не оптимизирован"?
Все что внутри блока с подменю (линки и hr) нужно как-то стилизировать, без hover и с ним?

Если блок задан как hidden, ili s opacity:0, или с нулевой высотой, это не распространяется на дочерние элементы?
0
Mun
7 / 7 / 7
Регистрация: 21.12.2012
Сообщений: 46
24.02.2014, 23:49 7
Цитата Сообщение от khrustal Посмотреть сообщение
что значит "элемент не оптимизирован"?
было выбито на скорую руку
Цитата Сообщение от khrustal Посмотреть сообщение
сли блок задан как hidden, ili s opacity:0, или с нулевой высотой, это не распространяется на дочерние элементы?
лучше использовать display: ...;
а насчёт opacity, проверьте ктс код, может вы сделали элементы меню прозрачными с opacity, но не скрыли их display'ем?
0
khrustal
2 / 2 / 0
Регистрация: 26.11.2013
Сообщений: 232
24.02.2014, 23:53  [ТС] 8
Mun, И все таки я не поняла, как быть. С display нет проблем с наводкой курсора, но и анимации нет. Есть конфликт между display и transition?
0
Mun
7 / 7 / 7
Регистрация: 21.12.2012
Сообщений: 46
24.02.2014, 23:59 9
решено!
в
.mynavbar LI DIV.col{ ... } убрать opacity:0; и вставить display:none;
opacity:0; делает элемент прозрачным( мы его не видим, но он есть, и мы можем с ним взамодействовать)
display:none; скрывает элемент(мы сами не можем с ним взаиможействовать)

правда есть ещё кое что. что то мешается, наблюдается редкое поддёргивание меню, при подведении курсора к menu_bar'у
0
khrustal
2 / 2 / 0
Регистрация: 26.11.2013
Сообщений: 232
25.02.2014, 00:09  [ТС] 10
Mun, ага ))) уже испробовано.
И анимации нет, правильно?

Добавлено через 5 минут
УРА!
visibiliy:hidden/visible !!!!!!!
Только вот пропала задержка при удалении курсора )))
0
Mun
7 / 7 / 7
Регистрация: 21.12.2012
Сообщений: 46
25.02.2014, 00:56 11
меню коллекции немного глючит )

и меню контакты выходит за пределы

Добавлено через 37 минут
замени все transition-* на
CSS
1
2
3
4
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
будет норм
1
khrustal
2 / 2 / 0
Регистрация: 26.11.2013
Сообщений: 232
26.02.2014, 00:54  [ТС] 12
Mun, Спасибо!

Добавлено через 23 часа 21 минуту
Теперь возник новый вопрос...
А как заставить это меню работать на touch screen?
Можно это делать, используэ только CSS без JS?
Страница здесь
0
26.02.2014, 00:54
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
26.02.2014, 00:54

Запретить пунктам меню "перетекать" на новые строки при уменьшении размеров окна браузера
&lt;div class=&quot;menu&quot;&gt; &lt;ul class=&quot;menu&quot;&gt; &lt;li&gt; Главная&lt;/li&gt; &lt;li&gt;...

Как "ограничить" выпадающие меню?
Такая проблема. Сделал выпадающие меню, но оно выпадает даже если на саму...

Проблема с "Меню" Поможете?
Привет! Я только начал изучать HTML решил при помощи своих &quot;знаний&quot; сделать...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
12
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru