Добрый вечер у меня такая проблемка
не подсвечивается кнопка на которую захожу
подскажите или помогите пожалуйста..два дня голову ломаю.
должно быть так:
вот css
а это меню которое я меняла
спасиба за помощь зарание!
не подсвечивается кнопка на которую захожу
подскажите или помогите пожалуйста..два дня голову ломаю.
должно быть так:
Код |
---|
<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?> |
спасиба за помощь зарание!