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

greenmar

  • Захожу иногда
  • 93
  • 3 / 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

  • Захожу иногда
  • 93
  • 3 / 0
я думал что это задача простая... но судя по количеству просмотров темы не такая уж и простая
*

Efanych

  • Глобальный модератор
  • 4369
  • 613 / 0
Цитировать
Направьте меня пожалуйста в нужное русло... Спасибо.
Для подпунктов используются селектор
ul li ul li
в вашем случае нужно писать где-то так
#left ul.menu li.active ul li.active a
Тут больше информации
http://joomlaforum.ru/index.php/topic,163850.new.html
Создание сайтов, шаблонов, помощь в решении проблем.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Большое меню Joomla

Автор Amakeeva

Ответов: 1
Просмотров: 116
Последний ответ 22.01.2018, 13:17:45
от effrit
Как можно отображать имя пользователя в название меню?

Автор selimoff

Ответов: 27
Просмотров: 3044
Последний ответ 02.01.2018, 15:24:44
от logan-19
как сделать пункт меню не кликабельным?

Автор qweqweqwe

Ответов: 13
Просмотров: 5804
Последний ответ 07.09.2017, 01:45:49
от forzi
Сдвинуть пункты меню в левое положение

Автор wectra

Ответов: 6
Просмотров: 436
Последний ответ 12.07.2017, 21:09:01
от wectra
Не отображаются пункты в меню

Автор physic

Ответов: 16
Просмотров: 15746
Последний ответ 27.05.2017, 00:10:15
от OutLaw1