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

greenmar

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

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

Efanych

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

Пункт меню

Автор s120367

Ответов: 0
Просмотров: 244
Последний ответ 03.06.2018, 13:02:55
от s120367
Большое меню Joomla

Автор Amakeeva

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

Автор selimoff

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

Автор qweqweqwe

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

Автор wectra

Ответов: 6
Просмотров: 676
Последний ответ 12.07.2017, 21:09:01
от wectra