WordPress как на ладони
wordpress jino

Персональные стили списков?

Часть кода меню:

<ul id="sdt_menu" class="sdt_menu">
				<li>
					<a href="http://poweredhouse.ru/category/kvartira/">
						<img src="<?php bloginfo('template_directory'); ?>/images/kvartira-header.jpg" alt="" title=""/>
						<span class="sdt_active"></span>
						<span class="sdt_wrap1" style="background:url(http://poweredhouse.ru/wp-content/themes/PH/images/11111.jpg);">
							<span class="sdt_link">Рубрика</span>
							<span class="sdt_descr">описание</span>
						</span>
					</a>

Продолжение - выпадающее меню через php

<div class="sdt_box" style="margin-left:-650px;">
							<div id="men2"><?php
$kat = 2;
$na_akran = '<ul>' . "\n";
$dochernii_kategorii = get_categories('child_of=' . $kat . '&hide_empty=0');
foreach ($dochernii_kategorii as $dochernaya_kategoria) :
	if ($kat == $dochernaya_kategoria->category_parent) :
		$na_akran .= "\t" . '<li><a href="' .
			get_category_link($dochernaya_kategoria->cat_ID) . '" title="' .
			$dochernaya_kategoria->category_description . '">';
		$na_akran .= $dochernaya_kategoria->cat_name . '</a>';
		$na_akran .= '</li>' . "\n";
	endif;
endforeach;
$na_akran .= '</ul>' . "\n";
print $na_akran;
?></div>                                                                                           
					</div>
				</li>

php выводит следующее:

<div class="sdt_box" style="margin-left:-650px;">
							<div id="men2"><ul>
	<li><a href="http://...." title="">...</a></li>
	...
	<li><a href="http://...." title="">...</a></li>
</ul>
</div>                                        

Стиль списка получается:

ul.sdt_menu li > a {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 115px;
	height: 50px;
	z-index: 12;
}

Как в стилях прописать ul li a, чтобы в выпадающем меню они отличались от основного?

0
PHouse 10 месяцев назад
  • 0
    stepan1187 cайт: www.weblancer.net/users/stepanko/?affili...
    $na_akran = '<ul>' . "\n";

    замените

    $na_akran = '<ul class="sub_menu">' . "\n";

    Потом стиль будет так:

    ul.sub_menu li > a {
    	font-size: 11px;
    }
    stepan 10 месяцев назад

    и еще:

    ul.sdt_menu > li > a {
    	position: absolute;
    	top: 0px;
    	left: 0px;
    	width: 115px;
    	height: 50px;
    	z-index: 12;
    }

    лучше писать так: ul.sdt_menu > li > a {
    такой подход не будет влиять на ссылки из подменю.

    PHouse 10 месяцев назад

    Работает. но. вместе с

    ul.sub_menu li > a {
    	font-size: 11px;
    }

    остается и

    ul.sdt_menu > li > a {
    	position: absolute;
    	top: 0px;
    	left: 0px;
    	width: 115px;
    	height: 50px;
    	z-index: 12;
    }

    что обрезает блок с подкатегорией 115Х50px. А хочется просто по ширине текста.
    Удалить

    width: 115px;
    	height: 50px;
    

    не могу, т.к это также относиться к верхнему меню

    stepan 10 месяцев назад

    Если работает - тогда ставьте вопрос решенным.

    PHouse 10 месяцев назад

    Ок. Спасибо. Пока все же остановился

    #men2 a {
    	font-size: 11px;
    }
    #men2 li {
    	width:165px;
    }
    Комментировать
На вопросы могут отвечать только зарегистрированные пользователи. Регистрация. Вход.