Правка стиля активного и неактивного подпункта меню

greenmar

Захожу иногда
95
4 / 0

Правка стиля активного и неактивного подпункта меню

« : 20.05.2011, 20:05:19 »

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

А вот как выглядит активный подпункт (в данном случае "две двери"):

Как видите, пиктограмма справа отображается почти правильно (хотя хотелось бы чтобы на родительском пункте она была всё-таки неактивной). Такое отображаение естественно никуда не годится, надо чтобы все пункты были белые (неактивные) а активный подпункт - чёрный. Вот мой код CSS, связанный с данным блоком:

Код

#left ul {
	list-style:none;
	margin-right:10px;
}

#left ul.menu li.active a {
	color:#333333;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: 600;
	text-decoration: underline;
}

#left ul a:link, #left ul a:visited {
	padding: 5px;
	margin: 5px;
	color: #FFCCCC;
	text-decoration: none;
	font-family: "Segoe UI", "Arial Narrow", sans-serif;
	font-size: 18px;
	text-align: right;
	vertical-align: middle;
	display: block;
}

#left ul a:hover {
	color: #FFFFFF;
	text-decoration:underline;
	}

#left li {
	background-image: url(../images/list_white.png);
	background-repeat: no-repeat;
	background-position: right 15px;
	line-height: normal;
	padding-top: 0px;
	padding-right: 17px;
	padding-bottom: 0px;
	}
#left li a:link, #left li a:hover {
	color: #FFCCCC; !important
	text-decoration: none;
}

#left li.active {
	background-image: url(../images/list_black.png);
	background-repeat: no-repeat;
	background-position: right 15px;
	line-height: normal;
	padding-top: 0px;
	padding-right: 17px;
	padding-bottom: 0px;
}

Направьте меня пожалуйста в нужное русло... Спасибо.

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

Записан

greenmar

Захожу иногда
95
4 / 0

Re: Правка стиля активного и неактивного подпункта меню

« Ответ #1 : 24.05.2011, 16:29:24 »

я думал что это задача простая... но судя по количеству просмотров темы не такая уж и простая

Записан

Efanych

Глобальный модератор
4683
644 / 0
Меняю свою жизнь на 360°!

Re: Правка стиля активного и неактивного подпункта меню

« Ответ #2 : 24.05.2011, 16:51:14 »

Цитировать

Направьте меня пожалуйста в нужное русло... Спасибо.

Для подпунктов используются селектор
ul li ul li
в вашем случае нужно писать где-то так
#left ul.menu li.active ul li.active a
Тут больше информации
http://joomlaforum.ru/index.php/topic,163850.new.html

Записан

Создание сайтов, шаблонов, помощь в решении проблем.

убрать из меню заголовки h3 Автор nexter	Ответов: 19 Просмотров: 14949	03.02.2020, 18:49:47 от durte
При добавлении нового пункта меню не отображается содержимое Автор Denko	Ответов: 2 Просмотров: 8393	16.01.2020, 18:40:55 от Denko
Не нажимается пункт меню на мобильной версии Автор Sensession	Ответов: 7 Просмотров: 11430	04.01.2020, 16:45:27 от xpank
Не отображаются пункты в меню Автор physic	Ответов: 20 Просмотров: 29094	20.09.2019, 16:54:01 от beliyadm
Как в ARI Ext Menu добиться работы параметра "Показать в меню"? Автор vasmed	Ответов: 1 Просмотров: 8662	01.03.2019, 11:12:18 от vasmed

Правка стиля активного и неактивного подпункта меню - Joomla 1.5: Вопросы по работе с меню

Новости Joomla

Вышли релизы безопасности Joomla 6.1.3 и Joomla 5.4.8

👩‍💻 WT Otpravkapochtaru - библиотека сервиса Отправка Почты России для Joomla-разработчиков.

👩‍💻 В Joomla 6.2 появятся встроенный функционал мультикатегорий.

greenmar

Правка стиля активного и неактивного подпункта меню

greenmar

Re: Правка стиля активного и неактивного подпункта меню

Efanych

Re: Правка стиля активного и неактивного подпункта меню

Похожие темы