Меню сайта не всегда выпадает

@Dims · Регистрация: 21.01.2013

Студворк — интернет-сервис помощи студентам

Здравствуйте, помогите решить проблему с меню сайта.
Оно не всегда корректно работает, т.е. когда наводишь на основной раздел меню то выпадает список, но когда пытаешься выбрать какой-либо элемент из списка то список исчезает. Поэтому чтобы перейти в нужный раздел приходится по нескольку раз вылавливать нужный элемент из списка меню.

Код меню:

Кликните здесь для просмотра всего текста

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<div id="menu">
   <ul class="menu"><li id="current" class="active item1"><a href="http://xn----8sbwgcj2bex.xn--p1ai/"><span>Главная</span></a></li>
<li class="parent item2"><a href="/menu-characters.html"><span>Персонажи</span></a>
<ul><li class="item40"><a href="/menu-characters/menu-main-characters.html"><span>Главные персонажи</span></a></li>
<li class="item42"><a href="/menu-characters/menu-syndicate.html"><span>Синдикат</span></a></li>
<li class="item43"><a href="/menu-characters/menu-fbi-characters.html"><span>Персонажи ФБР</span></a></li>
<li class="item44"><a href="/menu-characters/menu-colonists.html"><span>Колонисты</span></a></li>
<li class="item41"><a href="/menu-characters/menu-mib.html"><span>Люди в черном</span></a></li>
<li class="item45"><a href="/menu-characters/menu-lone-gunmen.html"><span>Одинокие Стрелки</span></a></li>
<li class="item46"><a href="/menu-characters/menu-other-characters.html"><span>Другие персонажи</span></a></li></ul></li>
<li class="parent item3"><a href="/menu-gallery.html"><span>Галерея</span></a>
<ul><li class="item47"><a href="/menu-gallery/menu-photo-jillian-anderson.html"><span>Джиллиан Андерсон фото</span></a></li>
<li class="item48"><a href="/menu-gallery/menu-wallpapers.html"><span>Обои</span></a></li></ul></li>
<li class="parent item4"><a href="/menu-actors.html"><span>Актеры</span></a>
<ul><li class="item38"><a href="/menu-actors/menu-jillian-anderson.html"><span>Джиллиан Андерсон</span></a></li>
<li class="item39"><a href="/menu-actors/menu-david-duchovny.html"><span>Дэвид Духовны</span></a></li></ul></li>
<li class="parent item5"><a href="/menu-dowmload.html"><span>Скачать</span></a>
<ul><li class="item50"><a href="/menu-dowmload/menu-music.html"><span>Музыка</span></a></li>
<li class="item51"><a href="/menu-dowmload/menu-video.html"><span>Видео</span></a></li>
<li class="item56"><a href="/menu-dowmload/menu-books.html"><span>Книги</span></a></li></ul></li>
<li class="parent item54"><a href="/menu-watch.html"><span>Смотреть</span></a>
<ul><li class="item55"><a href="/menu-watch/season-1.html"><span>Сезон 1 онлайн</span></a></li>
<li class="item57"><a href="/menu-watch/season-2.html"><span>Сезон 2 онлайн</span></a></li>
<li class="item58"><a href="/menu-watch/season-3.html"><span>Сезон 3 онлайн</span></a></li>
<li class="item59"><a href="/menu-watch/season-4.html"><span>Сезон 4 онлайн</span></a></li>
<li class="item60"><a href="/menu-watch/season-5.html"><span>Сезон 5 онлайн</span></a></li>
<li class="item61"><a href="/menu-watch/season-6.html"><span>Сезон 6 онлайн</span></a></li>
<li class="item62"><a href="/menu-watch/season-7.html"><span>Сезон 7 онлайн</span></a></li>
<li class="item63"><a href="/menu-watch/season-8.html"><span>Сезон 8 онлайн</span></a></li>
<li class="item64"><a href="/menu-watch/season-9.html"><span>Сезон 9 онлайн</span></a></li></ul></li>
<li class="item6"><a href="/menu-news.html"><span>Новости</span></a></li>
<li class="parent item7"><a href="/menu-other.html"><span>Разное</span></a>
<ul><li class="item52"><a href="/menu-other/menu-interesting-facts.html"><span>Интересные факты</span></a></li>
<li class="item53"><a href="/menu-other/menu-thematic-sites.html"><span>Сайты сходной тематики</span></a></li></ul></li>
<li class="item35"><a href="/menu-sitemap.html"><span>Карта сайта</span></a></li></ul>
</div>

стили к меню:

Кликните здесь для просмотра всего текста

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
#menu {
float:left;
position:relative;
z-index:3;
width: 1000px;
height: 25px;
}
 
div#menu ul {
list-style:none;
float:left;
margin:0px;
padding:opx;
}
div#menu li {
float:left;
position:relative;
}
div#menu ul li a {
display:block;
float:left;
width:102px;
line-height:24px;
color:#FFF;
background:url(../images/button.png) repeat-x;
text-align:center;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
}
div#menu ul li a:hover {
display:block;
float:left;
height:24px;
width:102px;
color:#000;
background:url(../images/button-hover.png) repeat-x;
text-align:center;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
}
div#menu ul li ul li a {
display:block;
float:left;
width:170px;
line-height:25px;
color:#FFF;
background:#333;
text-align:center;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
div#menu ul li ul li a:hover {
display:block;
float:left;
width:170px;
line-height:25px;
color:#000;
background:#fff;
text-align:center;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
div#menu li ul {
display: none;
position: absolute;
margin-top:25px;
padding:0px;
border-bottom:1px #FFF solid;
border-left:1px #FFF solid;
border-right:1px #FFF solid;
}
div#menu li:hover ul,
div#menu li.jshover ul {
    display: block;
}
div#menu li:hover li ul,
div#menu li.jshover li ul {
    display: none;
}
div#menu li:hover li:hover ul,
div#menu li.jshover li.jshover ul {
  display: block;
}

скрипт:

Кликните здесь для просмотра всего текста

JavaScript
1
2
3
4
5
6
7
8
jsHover = function() {
        var hEls = document.getElementById("menu").getElementsByTagName("LI");
        for (var i=0, len=hEls.length; i<len; i++) {
            hEls[i].onmouseover=function() { this.className+=" jshover"; }
            hEls[i].onmouseout=function() { this.className=this.className.replace(" jshover", ""); }
        }
    }
    if (window.attachEvent && navigator.userAgent.indexOf("Opera")==-1) window.attachEvent("onload", jsHover);

Стили и скрипт были взяты с предыдущей статической версии сайта (теперь сайт на Jooml'е). Такое поведение стало наблюдаться после перехода CMS. В чем может быть проблема?

@StopSmell · 17.09.2013, 01:12

У вас высота li = 24 пикселя (div#menu ul li a:hover), а margin-top:25px у div#menu li ul. Вывод - или уменьшите margin-top до 24px, либо увеличьте высоту li (или ссылки внутри нее) до 25 пикселей.

@Dims · 17.09.2013, 10:34 **[ТС]**

Сначала сделал 24px - не помогло. Поменял 24px на 25px - все заработало.

Новые блоги и статьи Все статьи Все блоги /
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .

@StopSmell 293 / 169 / 29 Регистрация: 16.09.2012 Сообщений: 370
	17.09.2013, 01:12
	У вас высота li = 24 пикселя (div#menu ul li a:hover), а margin-top:25px у div#menu li ul. Вывод - или уменьшите margin-top до 24px, либо увеличьте высоту li (или ссылки внутри нее) до 25 пикселей. 2

@Dims 37 / 37 / 6 Регистрация: 21.01.2013 Сообщений: 283
	17.09.2013, 10:34 [ТС]
	Сначала сделал 24px - не помогло. Поменял 24px на 25px - все заработало. 0