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

greenmar

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



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



Как видите, пиктограмма справа отображается почти правильно (хотя хотелось бы чтобы на родительском пункте она была всё-таки неактивной). Такое отображаение естественно никуда не годится, надо чтобы все пункты были белые (неактивные) а активный подпункт - чёрный. Вот мой код 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
я думал что это задача простая... но судя по количеству просмотров темы не такая уж и простая
*

Efanych

  • Глобальный модератор
  • 4684
  • 644 / 0
  • Меняю свою жизнь на 360°!
Цитировать
Направьте меня пожалуйста в нужное русло... Спасибо.
Для подпунктов используются селектор
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
Просмотров: 6457
Последний ответ 03.02.2020, 18:49:47
от durte
При добавлении нового пункта меню не отображается содержимое

Автор Denko

Ответов: 2
Просмотров: 2134
Последний ответ 16.01.2020, 18:40:55
от Denko
Не нажимается пункт меню на мобильной версии

Автор Sensession

Ответов: 7
Просмотров: 3082
Последний ответ 04.01.2020, 16:45:27
от xpank
Не отображаются пункты в меню

Автор physic

Ответов: 20
Просмотров: 21376
Последний ответ 20.09.2019, 16:54:01
от beliyadm
Как в ARI Ext Menu добиться работы параметра "Показать в меню"?

Автор vasmed

Ответов: 1
Просмотров: 2346
Последний ответ 01.03.2019, 11:12:18
от vasmed