0 / 0 / 0
Регистрация: 27.01.2014
Сообщений: 49
1

Стиль активного пункта меню

20.06.2014, 18:24. Показов 1169. Ответов 4
Метки нет (Все метки)

Здравствуйте, форумчане!

Столкнулась с проблемой, что стиль, прописанный для одного меню (для активного элемента) попал на другое меню.
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
#submenu-items ul li:hover, .active{
      background-color: rgba(39,60,133,1);  
}
 
#submenu-items ul li a:hover{
    color: rgba(255,255,255,1); 
}
#submenu-items ul li.active a{
    color: rgba(255,255,255,1); 
} 
 
#submenu-items ul li a{
    font-size:14px; 
    display:table-cell;
    color: rgba(29,44,111,1);    
    text-decoration: none;
    vertical-align:middle;
}
Я не представляю, где накосячила
Как устранить такой баг?
__________________
Помощь в написании контрольных, курсовых и дипломных работ здесь
0
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
20.06.2014, 18:24
Ответы с готовыми решениями:

Подсветка текущего пункта меню
Всем привет! На всех сайтах есть такая фишка, при переходе в определенный пункт меню или по ссылке...

Отменить активность пункта меню
В общем вопрос не тривиален, необходимо убрать активность у ссылки родительского пункта меню,...

Алиас псевдонима пункта меню
Всем привет. Можно ли изменить как-нибудь название алиаса для псевдонима пункта меню, а то в...

Изменить цвет пункта меню
Друзья привет! Нужно выделить один пункт меню - не важно активный или нет - просто что бы бросался...

4
Администратор
11991 / 5321 / 267
Регистрация: 05.04.2011
Сообщений: 14,087
Записей в блоге: 2
20.06.2014, 19:39 2
Дайте ссылку на страницу и поясните как должно выглядеть то и другое меню.
0
0 / 0 / 0
Регистрация: 27.01.2014
Сообщений: 49
20.06.2014, 22:12  [ТС] 3
Цитата Сообщение от Taatshi Посмотреть сообщение
Дайте ссылку на страницу и поясните как должно выглядеть то и другое меню.
К сожалению, он сейчас на локалке. Из-за необходимости работать дома сейчас буду восстанавливать на официалке. Поэтому ссылка на сайт бесполезна на данный момент.
0
Администратор
11991 / 5321 / 267
Регистрация: 05.04.2011
Сообщений: 14,087
Записей в блоге: 2
20.06.2014, 22:23 4
Лучший ответ Сообщение было отмечено Randow как решение

Решение

CSS
1
2
3
#submenu-items ul li:hover, #submenu-items ul li.active{
      background-color: rgba(39,60,133,1);  
}
Добавлено через 3 минуты
И попробуйте добавить уникальный родительский идентификатор, которого нет у второго меню, к примеру

было

#submenu-items ul li

стало

#чего-то-там-еще #submenu-items ul li
1
0 / 0 / 0
Регистрация: 27.01.2014
Сообщений: 49
21.06.2014, 00:18  [ТС] 5
ммм... эти меню находятся даже в разных концах html-ки... Странно, что им необходимы дополнительные идентификаторы... Хорошо, я вот-вот попробую это прописать, об итогах напишу по окончании Спасибо, что откликнулись!

Добавлено через 1 час 47 минут

Цитата Сообщение от Taatshi Посмотреть сообщение
CSS
1
2
3
#submenu-items ul li:hover, #submenu-items ul li.active{
background-color: rgba(39,60,133,1); 
}
Спасибо огромное, все получилось! Вставила тот код, который Вы указали. Видимо, я действительно допустила ошибку в применении класса .active... А ставить вышестоящего предка даже не понадобилось! Еще раз спасибо!
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
21.06.2014, 00:18

Стиль меню
Я сделал для пунктов и подпунктом меню определенный стиль. Все хорошо работает, когда я открываю...

Не могу установить тип пункта меню
Joomla 3.4.4, установлен плагин Joombri (биржа фрилансеров). Примерно месяц назад пункты меню...

Тип пункта меню без ссылки
Здравствуйте, недавно начал изучать joomla, поставил себе версию 2.5.6 сижу упражняюсь, возник...

Настройка параметров отображения пункта меню
При создании пунктов меню, пожалуйста, объясните вкратце для чего нужно ЭТО: Параметры - Основные...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2022, CyberForum.ru