Выпадающее меню - Joomla 3.x: Шаблоны, разметка и макеты вывода

Добрый день. Поставил шаблончик http://www.medicalscience.ru и сразу столкнулся с такой проблемой. Есть две кнопки на которых висят выпадающие меню, и вот их не поймать...Точнее при переводе курсора с кнопки на выпадающее меню - оно исчезает. Хотя бывает в редких случаях не исчезает... В чем может быть проблема?

http://www.medicalscience.ru/templates/leo_lifestyle/css/template.css 236-я строка. Добавить:

http://www.medicalscience.ru/templates/leo_lifestyle/css/template.css 236-я строка. Добавить:

Код: css

.navbar .dropdown-menu {
top: 43px;
}

Помогло) Но теперь появилась побочная проблема. Попробуйте открыть меню, вы сами поймете))

Код: css

.navbar .dropdown-menu {top:43px;}
.navbar .dropdown-menu ul {top:0;}

В точку, спасибо

А как сделать пункт в нем хештегом?

Чтобы при наведении на корневой пункт меню с любой страницы, он отображался на текущую страницу с хештегом #

Например

О нас
кто мы
что мы
зачем мы


Нужно чтобы с любой страницы сайта, при наведении на "О нас", была ссылка с #

А зачем так делать?

Не будет страницы общей о нас

Т.е. нужен пункт меню без ссылки просто? Достаточно для этого создать пункт с типом «разделитель»

Именно так, огромное спасибо.

Нашел в системных ссылках это.

А чем отличается разделитель от заголовка?

Попробовал и так и так - ничего не меняется

Гм. Не знаю такого типа пункта меню, как «заголовок». Шаблон меню использует подшаблоны. Стандартно их три:
1. component, для всех внутренних ссылок
2. link, для внешних ссылок. Нужно, например, для того чтобы закрыть от индексации
3. separator — пункт меню вообще без ссылки.
Можно своих подшаблонов понадобавлять. Но обычно этих трёх достаточно.

А чем отличается разделитель от заголовка?

Тоже интересно: если нет различия ни в поведении, ни в визуальном отображении, то зачем - по сути - дубляж типа?

Только что проверил, нет такого типа в J2.5. Возможно есть в 3.0. Ещё вероятнее, что он добавлен шаблоном или компонентом и используется для, например, группировки пунктов меню в многоуровневые списки.

В 3.0 он есть

Причем ни тому ни другому нельзя задать css-класс ссылки, поскольку ссылками не являются, и как им присваивать свой стиль как пунктам меню - непонятно, id ловить?

Причем это родные типы меню J

Я стили по классу прилепил. Пришлось использовать !important, иначе этот пункт сдвигался

Я стили по классу прилепил. Пришлось использовать !important, иначе этот пункт сдвигался

а как класс каждому отдельному пункту меню привязать? чтобы можно было оформить каждый пункт уникально? как здесь.

а как класс каждому отдельному пункту меню привязать? чтобы можно было оформить каждый пункт уникально? как здесь.

В подшабонах (default_component.php например) доступна переменная $item->anchor_css. Это поле «css-класс» в опциях пункта меню. Вот его и присваиваете классом к элементу списка например. Ну там много чего можно, если разобраться.

Да, вот только у пунктов меню, имеющих тип "Разделитель" или "Заголовок" нет опции "css-класс". И подшаблонами это в J3 не решается. проверил (за J других версий не отвечаю - не работал с ними вообще)

Да, вот только у пунктов меню, имеющих тип "Разделитель" или "Заголовок" нет опции "css-класс".

Действительно, класса нет, но зато «примечание» есть у всех. Вызывается, насколько помню, $item->note. Можно с помощью него назначить класс.

Можно, кстати, дальше пойти. Допустим, описание пункта меню по-каким то причинам нужно. Хотя хз, мне в жизни оно пригождалось только для таких вот манипуляций. Тогда делаем так:

О, это классно, попробую, спс

Проблема - не полностью выпадает меню. Шаблон jsn_boot_pro, Joomla 3.2.1 Есть левое меню, в одном из пунктов - 18 подпунктов. Когда активен любой из пунктов/подпунктов именно этого меню, то выпадают и полностью видны все 18 подпунктов. Но стоит кликнуть по пункту главного меню, будь то "контакты" или "главная" или "история компании", то наводя курсор обратно на левое меню - видны полностью только 4 или 6 или 10 подпунктов в зависимости от того, в каком из пунктов главного меню находишься. И например если выпадают только 4, то пятый виден не полностью. Не знаю что делать, помогите пожалуйста.

Ссылку на проблемный сайт выложите.

к сожалению нет возможности, сайт на локалке, только начал делать. Еще заметил закономерность - список проблемного меню выпадает на то же расстояние по высоте, что и открытый за ним материал. То есть если открываю "контакты" главного меню и навожу курсор на левое меню, то выпадает только 4 пункта и пятый виден слегка. А если захожу в историю (содержание которой занимает в два раза больше места по высоте, чем контакты), и навожу курсор на левое меню, то открываются уже 8 подпунктов, а остальные прячутся в конце истории..

Ну так сложно сказать. Возможно z-index неправильный. А возможно и не он.

Вот на Z-index похоже. Спасибо за напутствие. Это получается мне нужно найти Z-index левого меню, и попробовать его изменить? А на какое именно значение? Посоветуй пожалуйста, я только недавно прошел курсы по HTML и CSS и пока мало чего в этом понимаю.

Смотрите файрбагом. Обычно для всяких слайдеров любят делать z-index:9999. Это неверно. z-index должен по-порядку идти. Если для меню, например, 3, то для слайдера будет 2.

трудно, но пытаюсь. нашел фаербагом <ul> и все <li> проблемного меню - в CSS не прописан z-index. Наверняка не там ищу..

Shustry, нашел <div id="jsn-leftsidecontent" class="span3 order1 offset-12">

css:    #jsn-leftsidecontent, #jsn-rightsidecontent {
                      z-index: 87;
                      }
а это похоже на главное меню: <div id="jsn-menu">

css:#jsn-menu {
    background: url("../images/header-pattern.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #F2F2F2;
    position: relative;
    z-index: 900;
}

Что скажете..