Автор Тема: выпадающее меню  (Прочитано 3375 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн VictorStar

  • Новичок
  • *
  • Сообщений: 3
    • Просмотр профиля
  • Версия modx: revolution
выпадающее меню
« : 20 Февраль 2014, 17:04:52 »
Доброго времени суток.
Помогите пожалуйста побороть багу или ошибку...
сайт askontur точка ru. Реализовано выпадающее меню и всё вроде бы ничего, только бага/ошибка заключается в том, что при выборе выпадающего меню, оно становится полностью активным, хотя соседнее работает нормально...
что сделать не могу понять.
Т.е.:
Если мы на странице ОБЗОР - то всё работает как должно.
Переходим например в МАГАЗИН и всё меню магазина - активно(((, хотя соседнее ИНФОРМАЦИЯ работает как надо.

=================
Кусок CSS:
/*--- superfish dropdown menu begin ---*/
.sf-menu {margin:0; padding:0 0 0 2px;    list-style: none; z-index:90000; position:relative; background:url(../images/bg_li.gif) left 2px no-repeat; height:50px}
.sf-menu li{ margin:0; display:inline; position:relative; float:left; background:url(../images/bg_li.gif) right 2px no-repeat; padding-right:2px}
.sf-menu li a{color:#A69891; text-decoration:none; display:block; float:left; line-height:50px; font-size:16px; font-family: 'EuropeExt-Normal', sans-serif; padding:0px 21px 0px 21px;  }
.sf-menu li a:hover, .sf-menu li.active a {color:#270201; text-shadow: #FEEBEB 1px 1px 1px, white 0 0 8px; text-decoration:none; background:url(../images/bg_menu.jpg) left 2px repeat-x; line-height:50px; padding-top:0  }
.sf-menu li a.current{ color:#fff; text-decoration:none; background:url(../images/bg_menu.jpg) left 2px repeat-x; line-height:50px; padding-top:0}

.sf-menu ul { position:absolute; top:-999em; width:220px; line-height:1.0; margin-top: -3px; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { top:50px; z-index:99;}

.sf-menu ul li {  text-align:left; line-height:31px; padding:0;  z-index:9; position:relative; background:none;   }
.sf-menu ul li a { line-height:45px; height:45px; width:260px; padding:0 8px 0 8px; font-size:18px; color:#433A36; text-transform:lowercase; z-index:9; background: url(../images/bg_menu.jpg) top left repeat-x}
.sf-menu ul li a:hover, .sf-menu ul li.active a { color:#270201; text-shadow: #FEEBEB 1px 1px 1px, white 0 0 8px; background: url(../images/bg_menu.jpg) top left repeat-x; line-height:45px}
.sf-menu ul li:hover{ color:#0d94d6; background: url(../images/bg_menu.jpg) top left repeat-x; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {     position:relative }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 50px; z-index: 99;}

.sf-menu a {font-family:ext}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { top:-999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul { left:188px; top:0; margin-left:1px}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul { top:-999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul { left:10em; top:0;}

ul.sf-menu ul li ul li a:hover {padding-top: 10px;}
ul.sf-menu li.active ul a {line-height:45px;background: url(../images/bg_menu.jpg) top left repeat-x;}

Оффлайн una

  • Разработчик
  • *****
  • Сообщений: 582
    • Просмотр профиля
  • Версия modx: evo, revo
Re: выпадающее меню
« Ответ #1 : 21 Февраль 2014, 11:04:36 »
У меня в хроме все меню работает нормально. Единственная ошибка - размеры двух последних пунктов больше остальных почему-то (см. вложение)

Оффлайн VictorStar

  • Новичок
  • *
  • Сообщений: 3
    • Просмотр профиля
  • Версия modx: revolution
Re: выпадающее меню
« Ответ #2 : 21 Февраль 2014, 11:18:12 »
Спасибо за ответ, но бага чуть глубже...
Первый скрин. Находимся на главной и всё вроде как хорошо:


Второй скрин, находимся в магазин (равно как и информация) и все пункты активны(((, а у соседнего меню норм.


Оффлайн Marsianin

  • Создатель
  • ***
  • Сообщений: 103
    • Просмотр профиля
  • Версия modx: Evo
Re: выпадающее меню
« Ответ #3 : 21 Февраль 2014, 14:52:32 »
Может это связано с активой
.sf-menu li a.current
Замени на
.sf-menu li.active a

Оффлайн VictorStar

  • Новичок
  • *
  • Сообщений: 3
    • Просмотр профиля
  • Версия modx: revolution
Re: выпадающее меню
« Ответ #4 : 21 Февраль 2014, 15:25:07 »
заменил - эффекта 0
но да что-то такое.... фаербагом кручу - не могу найти кто ж виновен

Оффлайн GTX59

  • Создатель
  • ***
  • Сообщений: 104
    • Просмотр профиля
  • Версия modx: evo 1.0.13
Re: выпадающее меню
« Ответ #5 : 30 Май 2014, 11:24:51 »
наследование стилей-
.sf-menu li.active a  - всем элементам а вложенным в элемент li, в том числе и .sf-menu li.active ul li a
.sf-menu li.active>a - только прямому дочернему элементу исключая вложенные