Нарушается работа CSS после применения Wayfinder

7 Posts

Extremum Reply #1, 15 years, 2 months ago

Начинаю изучать ModX и столкнулся с проблемой следующего характера: при вызове меню с помощью Wayfinder нарушается отображение при классе active, все работает, все правильно, но active не работает и не выделяется пункт меню на котором нахожусь сейчас (при том, что hover нормально работает и исходный код отображает активный класс при переходе). Может быть вы сталкивались с подобной проблемой, буду благодарен за подсказку.
На всякий случай CSS:
.menu ul li a:hover { color:#fff; background: url(images/hover.gif) no-repeat top;}
.menu ul li a.active { color:#fff; background: url(images/hover.gif) no-repeat top;}

1,103 Posts

antey Reply #2, 15 years, 2 months ago

по умолчанию класс active у LI.

7 Posts

Extremum Reply #3, 15 years, 2 months ago

Простите-не вполне понял ответа, как может быть класс по умолчанию у li?

2,113 Posts

AKots Reply #4, 15 years, 2 months ago

Quote from: Extremum at Jul 31, 2011, 12:09 PM

как может быть класс по умолчанию у li?

Код HTML посмотрите...

Создание сайтов на MODx, поддержка сайтов, поисковая оптимизация, программирование, копирайтинг
Статьи о MODx, регулярно новые публикации

7 Posts

Extremum Reply #5, 15 years, 2 months ago

Так и не понял что конкретно надо изменить, пойду зубрить CSS, спасибо всем кто отозвался....

1,103 Posts

antey Reply #6, 15 years, 2 months ago

Quote from: Extremum at Aug 01, 2011, 04:32 AM

Так и не понял что конкретно надо изменить, пойду зубрить CSS, спасибо всем кто отозвался....

По-умолчанию &rowTpl:

the template chunk for the row items
 placeholders:
 [+wf.classes+] - where classes specifed will be inserted (includes class=" ")
 [+wf.classnames+] - outputs the just the class names (without class=" ")
 [+wf.link+] - the href value for your link
 [+wf.title+] - text for the link title
 [+wf.linktext+] - text for the link dispaly
 [+wf.wrapper+] - where to insert a submenu
 [+wf.id+] - where to insert unique id
 [+wf.attributes+] - where to insert link attributes
 [+wf.docid+] - the document identifier for the current item
 [+wf.subitemcount+] - displays the number of items in a folder
 [+wf.description+] - output the description field
 [+wf.introtext+] - output the introtext field
 example: <li[+wf.id+][+wf.classes+]><a href="[+wf.link+]" title="[+wf.title+]" [+wf.attributes+]>[+wf.linktext+]</a>[+wf.wrapper+]</li>

В [+wf.classes+] добавляется автоматически, активный пункт имеет класс active

Создав чанк и добавив параметр в вызов WF можно менять код вывода.
Например: <li class="myclass [+wf.classnames+]">...

Кстати в вашем случае достаточно:
.menu ul li a:hover, .menu ul li.active a { color:#fff; background: url(images/hover.gif) no-repeat top;}

7 Posts

Extremum Reply #7, 15 years, 2 months ago

Огромное спасибо за развернутый ответ, действительно помогло.