Question

Добрый вечер у меня такая проблемка
не подсвечивается кнопка на которую захожу
подскажите или помогите пожалуйста..два дня голову ломаю. :(

должно быть так:

Код

<div id="top_nav">             <ul id="dj-main"> <li class="dj-up first "><a href="/stranishka"  class="dj-up_a active "> <span  >Главная</span></a></li> <li class="dj-up active"><a href="/stranishka"  class="dj-up_a "> <span  class="dj-drop"  >2</span></a> <ul class="dj-submenu" > <li class="first "><a href="/stranishka"  class="">2-1</a></li> <li><a href="/stranishka"   class="dj-more" >2-2</a></li> <li class="last "><a href="/stranishka"  class="">2-3</a></li> </ul> </li> <li class="dj-up "><a href="/stranishka"  class="dj-up_a "><span  >3</span></a></li> <li class="dj-up last "><a href="/stranishka"  class="dj-up_a "><span  >4</span></a></li> </ul>                </div>

вот css

Код

#top_nav { position: absolute; right: 0; top: 0px; } #dj-main { float: right; position:relative; margin: 0; padding: 0; list-style:none; z-index:500; } #dj-main li.dj-up { float: left; display: block; margin: 0 1px 0 0; padding: 0; background: none; } #dj-main li a.dj-up_a { float: left; display: block; padding: 0; font-size: 14px; color: #f7b216; text-decoration: none; font-weight: bold; cursor: pointer; } #dj-main li a.dj-up_a span { float: left; display: block; padding: 20px 10px 13px 10px; } /**active on main lvl**/ #dj-main li.dj-up.active, #dj-main li:hover { background: url("images/djl.png") left no-repeat; } #dj-main li.dj-up.active a.dj-up_a, #dj-main li:hover a.dj-up_a { color: #fff; background: url("images/djr.png") right no-repeat; } #dj-main li.dj-up.active a.dj-up_a span, #dj-main li a:hover span { background: url("images/djt.gif") center top no-repeat; } #dj-main li li:hover { background: none; } #dj-main li li:hover a.dj-up_a { background: none; } #dj-main li:hover a.dj-up_a span { background: none; } /* Default list styling */ #dj-main ul { margin: 0; padding: 0; } #dj-main ul li { margin: 0; padding: 0; background: none; } #dj-main li { position: relative; z-index: 200; } #dj-main li ul.dj-submenu { top: 51px; left: 0; margin: 0; padding: 0; width: 147px; height: auto; z-index:300; background: url("images/djsubb.gif") left bottom no-repeat; border-top: 3px solid #fff; } #dj-main li ul.dj-submenu li.first { background: url("images/djsubt.png") left top no-repeat; } #dj-main li:hover ul.dj-submenu{ display: block; } #dj-main ul.dj-submenu li { position: relative; float: left; display: block; width: 147px; height: auto; } #dj-main ul.dj-submenu li a, #dj-main ul.dj-submenu li.active li a, #dj-main ul.dj-submenu li.active li.active li a, #dj-main ul.dj-submenu li:hover li a, #dj-main ul.dj-submenu li:hover li:hover li a { display: block; padding: 5px 10px; width: 127px; font-size: 11px; text-align: left; text-transform: lowercase; text-decoration: none; color: #a063a8; background: none; }     #dj-main li li ul, #dj-main li li li ul, #dj-main li li li li ul, #dj-main li li li li li ul { left: 147px; top: 0px; width:147px; height: auto; z-index:400; }     #dj-main li:hover li:hover ul, #dj-main li:hover li:hover li:hover ul, #dj-main li:hover li:hover li:hover li:hover ul, #dj-main li:hover li:hover li:hover li:hover li:hover ul { left: 147px; top: 0px; display: block; background: url("images/djsubb.gif") left bottom no-repeat; } #dj-main ul, #dj-main li:hover ul ul, #dj-main li:hover li:hover ul ul, #dj-main li:hover li:hover li:hover ul ul, #dj-main li:hover li:hover li:hover li:hover ul ul { position: absolute; display: none; } #dj-main ul.dj-submenu li:hover a, #dj-main ul.dj-submenu li:hover li:hover a, #dj-main ul.dj-submenu li:hover li:hover li:hover a, #dj-main ul.dj-submenu li.active a, #dj-main ul.dj-submenu li.active li.active a, #dj-main ul.dj-submenu li.active li.active li.active a { text-decoration: underline; }

а это меню которое я меняла

Код

<?if (!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();?> <?if (!empty($arResult)):?> <div id="top_nav"> <ul id="dj-main"> <? $previousLevel = 0; $firstRoot = false; foreach($arResult as $arItem):?>    <?if ($previousLevel && $arItem["DEPTH_LEVEL"] < $previousLevel):?>       <?=str_repeat("</ul></li>", ($previousLevel - $arItem["DEPTH_LEVEL"]));?>    <?endif?>    <?if ($arItem["IS_PARENT"]):?>       <?if ($arItem["DEPTH_LEVEL"] == 1):?>          <li class="dj-up "><?if($firstRoot):?><?endif?><a href="<?=$arItem["LINK"]?>" class="dj-up_a"><span class="dj-drop"  >333<?=$arItem["TEXT"]?></span></a>             <ul class="dj-submenu" >             <li class="first">       <?else:?>          <li<?if ($arItem["SELECTED"]):?> class=""<?endif?>><a href="<?=$arItem["LINK"]?>" class="">555555<?=$arItem["TEXT"]?></a>             <ul>                    <?endif?>    <?else:?>       <?if ($arItem["PERMISSION"] > "D"):?>          <?if ($arItem["DEPTH_LEVEL"] == 1):?>             <li class="dj-up "><?if($firstRoot):?><?endif?><a href="<?=$arItem["LINK"]?>" class="<?if ($arItem["SELECTED"]):?>dj-up_a active<?else:?>dj-up_a <?endif?&#6

Answer 1

наверное тема моя не интересная или людей добрых не осталось)))

Answer 2

Так не совсем понятна проблема. У Вас какая ссылка в примере должна быть подсвечена? Та, у которой класс active ? И, кстати, шаблон, что Вы привели, работать должен криво в плане выделения активных ссылок.