Почему мой субнав такой нервный? (ссылки исчезают, прежде чем я могу нажать на них)

Question

http://kenbrook.org

Вы увидите, что в главном навигационном элементе есть субнав с плавающими влево элементами (я думаю *), но когда вы наводите курсор мыши на элемент основного навигационного элемента, попробуйте перейти кэлементы навигации, они исчезают, прежде чем вы можете нажать на них!Я не могу понять, почему это так.

* Я разработал сайт, а другой разработчик создал его, но ушел на проект раньше, поэтому мне осталось завершить сборку.Он был новичком в использовании CSS для верстки, и не уверен, что эта ошибка была плохой реализацией CSS или эффектом плагина ModX, который используется для создания этой навигационной системы.построен на ModX - Nav - это плагин под названием Wayfinder (?) - Nav использует javascript, но, может быть, лучше просто создать его с помощью CSS?

Answer 1

Это определение вашей ссылки в меню в dropline.css.Вы установили высоту ссылки на 37 пикселей, однако ваш #navbar имеет высоту 39 пикселей.Это создает разрыв, о котором говорил Христо.Вы можете исправить это следующим образом:

.menu ul {padding:0; margin:0; list-style-type: none;}
.menu ul li {float:left;}
.menu ul li a, .menu ul li a:visited {
     display:block;
     float:left;
     text-decoration:none;
     height:39px;
     line-height:39px;
}

Это немного сместит фоновое изображение вашего меню, но вы сможете изменить его размер и / или положение, чтобы исправить.

Answer 2

Допустим, вы наводите курсор на «Летние лагеря» и медленно перемещаете мышь вниз по направлению к подменю. Похоже, что как только вы выходите из синего фона «Летние лагеря», подменю исчезает.

Это говорит мне о том, что подменю не выровнено точно рядом с главным меню ... должен быть небольшой пробел, когда вы наводите курсор на него, вы теряете свое подменю. Убедитесь, что ваши выравнивания точны.