Добрый вечер у меня такая проблемка
не подсвечивается кнопка на которую захожу
подскажите или помогите пожалуйста..два дня голову ломаю.
должно быть так:Код |
---|
<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?>"><span>444<?=$arItem["TEXT"]?></span></a>
<?else:?>
<li<?if ($arItem["SELECTED"]):?> class="first"<?endif?>><a href="<?=$arItem["LINK"]?>">6666<?=$arItem["TEXT"]?></a></li>
<?endif?>
<?else:?>
<?if ($arItem["DEPTH_LEVEL"] == 1):?>
<li><?if($firstRoot):?><?endif?><a href="" class="<?if ($arItem["SELECTED"]):?>root-item-selected<?else:?>root-item<?endif?>" title="<?=GetMessage("MENU_ITEM_ACCESS_DENIED")?>">999999<?=$arItem["TEXT"]?></a></li>
<?else:?>
<li><a href="" class="denied" title="<?=GetMessage("MENU_ITEM_ACCESS_DENIED")?>">7777<?=$arItem["TEXT"]?></a></li>
<?endif?>
<?endif?>
<?endif?>
<?
$previousLevel = $arItem["DEPTH_LEVEL"];
if ($arItem["DEPTH_LEVEL"] == 1)
$firstRoot = true;
?>
<?endforeach?>
<?if ($previousLevel > 1)://close last item tags?>
<?=str_repeat("</ul></li>", ($previousLevel-1) );?>
<?endif?>
</ul></div>
<?endif?> |
спасиба за помощь зарание!