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

nfs131

  • Новичок
  • 5
  • 0 / 0
Помогите с проблемкой.

Есть меню вида

---
Меню1
__Подменю1
__Подменю2
Меню2
Меню3 и т.д.
---


При выборе Подменю и Меню без подменюшек всё работает отлично, выделяется только один элемент.
А при выборе Меню, в котором есть Подменю - выделяются все элементы данного раздела

---
Меню1
__Подменю1
__Подменю2

Меню2
Меню3 и т.д.
---

Хотелось бы, чтобы при выборе родительского Меню1 его подменюшки не выделялись.

Помогите, пожалуйста.

Код
.menu_left li {
 display: inline;
}

.menu_left li a {
 display: block;
 font-family: tahoma;
 font-size:12px;
 font-weight: bold;
 list-style: none outside none;
 padding: 5px;
 margin-left: -40px !important;  
 color: #0c4f60;
   text-decoration: none;
   font-weight: bold;
}

.menu_left a:hover, .menu_left .current a {
 display: block;  
 color: #fff;
 border: 1px solid #ecedf1;
 padding: 4px;
 background: #e6832e; /* Old browsers */
background: -moz-linear-gradient(top, #cc5621 0%, #f19634 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc5621), color-stop(100%,#f19634)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #cc5621 0%,#f19634 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #cc5621 0%,#f19634 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #cc5621 0%,#f19634 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc5621', endColorstr='#f19634',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #cc5621 0%,#f19634 100%); /* W3C */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
 -ms-border-radius: 5px; /* IE8 */
border-radius: 5px;
font-weight: bold;
}
« Последнее редактирование: 23.10.2012, 15:26:25 от nfs131 »
*

doctorgrif

  • Давно я тут
  • 745
  • 82 / 1
  • Нудный доктор
Re: Меню и подменю - выделение
« Ответ #1 : 23.10.2012, 15:30:48 »
дай класс пунктам подменю и опиши его поведения при наведении, обычном состоянии и проч.
Омск-Екатеринбург-Челябинск...Feldzug gen Westen | Кафедра | GrayBox | Joostina 1.2.1 | Joostina Extensions | In Vino Veritas [в работе]
*

nfs131

  • Новичок
  • 5
  • 0 / 0
Re: Меню и подменю - выделение
« Ответ #2 : 23.10.2012, 15:54:43 »
doctorgrif, хм, а обычными средствами, без подклассов никак не получится разве? :(

думал, что вместо " .menu_left .current a ", что-то есть позаковыристее.

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

Проблемка именно в этой строке " .menu_left .current a ", надо её как-то точнее прописать... для выделения только одного пункта меню, без прихватывания дочек.
*

andranik1957

  • Захожу иногда
  • 63
  • 2 / 0
Re: Меню и подменю - выделение
« Ответ #3 : 23.10.2012, 16:06:00 »
Прм выборе родителя, видно автоматически дочерним приписывается class="current". Это видно делает скрипт по onclick(). Дайте ссылку на сайт, если есть.
*

nfs131

  • Новичок
  • 5
  • 0 / 0
Re: Меню и подменю - выделение
« Ответ #4 : 23.10.2012, 16:07:28 »
 ^-^
« Последнее редактирование: 23.10.2012, 17:19:20 от nfs131 »
*

andranik1957

  • Захожу иногда
  • 63
  • 2 / 0
Re: Меню и подменю - выделение
« Ответ #5 : 23.10.2012, 16:26:54 »
Вот эту строчку .menu_left a:hover, .menu_left .current a.
Уберите то, что красным и работа меню будет корректной. Незачем мне кажется подсвечивать родителя раскрытого меню. Попробуйте.
*

nfs131

  • Новичок
  • 5
  • 0 / 0
Re: Меню и подменю - выделение
« Ответ #6 : 23.10.2012, 16:33:11 »
andranik1957, если убрать .menu_left .current a
то текущий элемент не станет выделяться. Никакой.
Тогда в ховере вообще смысла нет.

Это точно не то...

Копать стоит в направлении onclick... Действительно класс current прописывается для всего меню с подменю...
Если есть советы по правке данного события, буду искренне благодарен.
« Последнее редактирование: 23.10.2012, 16:47:33 от nfs131 »
*

nfs131

  • Новичок
  • 5
  • 0 / 0
Re: Меню и подменю - выделение
« Ответ #7 : 23.10.2012, 17:01:34 »
заработало :)

вместо
.menu_left .current a

надо поставить
.menu_left .current>a

Всем огромное спасибо, особенно андронику - задал нужный вопрос Google и вуаля ;)
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Выпподающие меню Joostina TransMenu v1.4 настройка

Автор Se

Ответов: 0
Просмотров: 2946
Последний ответ 01.12.2013, 14:03:03
от Se
[FAQ] Динамические меню

Автор CreativE

Ответов: 2
Просмотров: 2668
Последний ответ 11.12.2008, 16:55:55
от boston
[FAQ] Кэш меню панели управления не обнаружен

Автор Margo

Ответов: 4
Просмотров: 2968
Последний ответ 21.10.2008, 15:19:32
от ZHart
[FAQ] Развернутое меню

Автор RaftKorn

Ответов: 3
Просмотров: 2794
Последний ответ 21.10.2008, 14:14:37
от ZHart
[FAQ] Как выровнять меню по правому краю?

Автор Daglus

Ответов: 3
Просмотров: 3878
Последний ответ 13.08.2008, 20:11:37
от ZHart