Форум русской поддержки Joomla!® CMS
28.07.2017, 19:02:43 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Основной курс по Joomla
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Выпадение второго уровня меню при наведении на родителя

 (Прочитано 869 раз)
0 Пользователей и 1 Гость смотрят эту тему.
DDAANN
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 62


« : 09.07.2017, 18:12:46 »

Добрый день.
Joomla 2.5, новый чистый шаблон. Стандартный модуль меню. Суффикс класса меню - nav-menu.

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

Css:

Код:
/* Горизонтальное меню*/

#menu {
  height: 40px;
  padding: 0;
  width: 1000px;
    margin-right: auto;
    margin-left: auto;
}

#menu ul li {
position: relative;
}

.menunav-menu {
padding:0;
}

.menunav-menu  ul {    /* Выпадающее меню */
height:40px;
position: absolute;
padding:0;
/* display: none; */ /*Прячет выпадающее меню*/
 
}

.menunav-menu li:hover  .menunav-menu  ul {  /* Попытка сделать выпадение */
display:blok;
}

#menu li {

  font-size: 6px;
  float: left;
  padding-right: 24px;
  font-weight: 700;
  list-style-type: none;      /* отмена маркера списка */
  text-transform: uppercase; /* заглавные буквы */
}

#menu li a {

  height: 30px;
  color: #000;
  text-decoration: none;         /* отмена подчеркивания */
  display: block;
  padding-top: 10px;
}

#menu li a:hover {
  background: url(../images/posvet_menu.gif) repeat-x;
 
}

Код страницы:



* menu.jpg (64.24 Кб, 597x336 - просмотрено 9 раз.)
Записан
Shustry
Moderator
*****

Репутация: +736/-3
Offline Offline

Пол: Мужской
Сообщений: 6706


Рисую дизайны


« Ответ #1 : 09.07.2017, 18:55:50 »

Код
#menu li:hover ul {display:block;}
Записан
DDAANN
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 62


« Ответ #2 : 09.07.2017, 19:03:24 »

Спасибо, но не работает.... Не могу понять что мешает выводу...
Может в админке какие еще настройки?
Записан
Shustry
Moderator
*****

Репутация: +736/-3
Offline Offline

Пол: Мужской
Сообщений: 6706


Рисую дизайны


« Ответ #3 : 09.07.2017, 19:16:51 »

Раз у вас при клике срабатывает, то это js. Я бы на вашем месте сверстал бы меню с нуля, без джумловских скриптов. Выводите простым списком и переопределяете стили.
Записан
DDAANN
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 62


« Ответ #4 : 09.07.2017, 20:27:34 »

Вот ведь....

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

Вы имели ввиду стандартный модуль меню на Joomla работает с Js? Нет никакого другого решения? При условии что шаблон самописный.   
Записан
Shustry
Moderator
*****

Репутация: +736/-3
Offline Offline

Пол: Мужской
Сообщений: 6706


Рисую дизайны


« Ответ #5 : 09.07.2017, 20:31:31 »

Ну если у вас по-клику срабатывает открытие, то это JS. Переписать меню на CSS — дело 15 минут. Выложите ссылку, помогу.
Записан
DDAANN
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 62


« Ответ #6 : 09.07.2017, 20:36:36 »

Ну если у вас по-клику срабатывает открытие, то это JS. Переписать меню на CSS — дело 15 минут. Выложите ссылку, помогу.
Немного не понял, что именно нужно?
Верстка если что происходит на локальной машине, на домене ничего нет...
Записан
Shustry
Moderator
*****

Репутация: +736/-3
Offline Offline

Пол: Мужской
Сообщений: 6706


Рисую дизайны


« Ответ #7 : 09.07.2017, 23:01:07 »

Залейте на любой хостинг.
Записан
capricorn
Практически профи
*******

Репутация: +106/-1
Offline Offline

Сообщений: 1695


« Ответ #8 : 10.07.2017, 00:16:36 »

http://jsfiddle.net/joshnh/srNVQ/

Удобное средство. Слева HTML, справа CSS.
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet