Пункты меню разного цвета

Главные вкладки

Аватар пользователя MeGaTaZiK MeGaTaZiK 5 октября 2011 в 13:37

Есть Drupal 7 + Тема сделаная Arteester + область menu и размещенная в ней Primary_Links + стоит модуль menu_attribute
У второго пункта меню я указал класс othermenu-red, в style.css вписал

.othermenu-red
{
   background-image: url('images/menuitem-red.png');
}

Стандартный класс изменяет background-image при состояние пункта активна
Проблема: Пункт меню для которого я указал альтернативный класс не меняется при изменение состояния.
Вопрос: Что и куда надо вписать чтобы и пункт меню с альтернативным классом менялся при изменение состояния.

Код стандартного класса прилогаеться:

/* begin MenuItem */
ul.art-hmenu>li>a
{
   position: relative;
   display: block;
   height: 25px;
   cursor: pointer;
   text-decoration: none;
   color: #FFFFFF;
   padding: 0 22px ;
   line-height: 22px;
   text-align: center;
}

ul.art-hmenu>li>a:before, ul.art-hmenu>li>a:after
{
   position: absolute;
   display: block;
   content:' ';
   top: 0;
   bottom:0;
   z-index: -1;
   background-image: url('images/menuitem.png');
}

ul.art-hmenu>li>a:before
{
   left: 0;
   right: 0;
   background-position: top left;
}

ul.art-hmenu>li>a:after
{
   width: 0;
   right: 0;
   background-position: top right;
}

.art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover
{
   font-family: Impact, Tahoma, Sans-Serif;
   font-size: 16px;
   text-align: left;
   text-decoration: none;
}

ul.art-hmenu>li>a.active:before {
   background-position: bottom left;
}
ul.art-hmenu>li>a.active:after {
   background-position: bottom right;
}
ul.art-hmenu>li>a.active {
   color: #000000;
}

ul.art-hmenu>li>a:hover:before, ul.art-hmenu>li:hover>a:before {
   background-position: center left;
}
ul.art-hmenu>li>a:hover:after, ul.art-hmenu>li:hover>a:after {
   background-position: center right;
}
ul.art-hmenu>li>a:hover, ul.art-hmenu>li:hover>a{
   color: #FFFFFF;
}

/* end MenuItem */

Комментарии

Аватар пользователя Empiric7 Empiric7 5 октября 2011 в 13:55

Ну это фаербагом проще всего посмотреть, скорее всего просто не может переписать дефолт.
Попробуй

ul.art-hmenu>li>a.othermenu-red

в зависимости от того, на что вешается класс.
Если не поможет, то см.1 предложение.

А зачем столько ">"? И ":before" с ":after"?

Аватар пользователя MeGaTaZiK MeGaTaZiK 5 октября 2011 в 14:04

тема создана софтиной artesster а в css я деревянный как впрочем html и php )) я сисадмин, ну вот начальство вменило мне сайт,

"Empiric7" wrote:

А зачем столько ">"? И ":before" с ":after"?


Понятие не имею зачем
ul.art-hmenu>li>a.active - теоретически этого должно было хватить ?
просто не .othermenu-red>li>a.active не .othermenu-red>a.active не .othermenu-red:active с соответствующими записями класса в настройках пункта меню не помогают

Аватар пользователя MeGaTaZiK MeGaTaZiK 5 октября 2011 в 14:06

если фаербагом смотреть при записи класса .othermenu-red и .othermenu-red1 выводит оба, если один из них типа
.othermenu-red>a.active выводит только 1 и то при условии что он вида .othermenu-red