17 апреля 2008 в 17:03
Есть меню, которое выглядит вот так:
- Уровень 1
- - Уровень 2
- - - Уровень 3
- - - Уровень 3
- - Уровень 2
- - - Уровень 3
- - - Уровень 3
- - Уровень 2
- - - Уровень 3
- - - Уровень 3
- Уровень 1
- - Уровень 2
- - Уровень 2
- Уровень 1
- - Уровень 2
- - Уровень 2
Заказчик хочет чтобы все пункты меню находящиеся на Уровне 1, били выделены болдом.
Но вот как это сделать, я чтото понять не могу 
По этому вопросу нашёл две темы:
http://drupal.ru/node/8285
http://drupal.ru/node/7049
но тут насколько я понял, рассматривается вариант стандартной зебры (чет/нечет), а мне нужны только меню первого уровня.
Комментарии
тут не забра, а CSS нужен
чем генерируется меню?
каков получаемый хтмл-код?
см первый камент
Вот для примера два меню (первое исключительно первого уровня, а второе с подменю):
< div id = " block-menu-85 " class = " block block-menu " >
< div class="content " >
< ul class = " menu " >
< li class = " leaf " > < a href = " /new/node/32 " > Прайс < / a > < / li >
< /ul >
< /div >
< /div >
< div id= " block-menu-55 " class = " block block-menu " >
< div class = " content " >
< ul class = " menu " >
< li class= " expanded " > < a href = " /new/node/26 " > О компании < /a >
< ul class= " menu " >
< li class = " leaf " > < a href= " /new/node/27 " > Наша команда < /a > < /li >
< li class = " leaf " > < a href= " /new/node/28 " >Почему мы < /a > < /li >
< li class = " leaf " > < a href = " /new/node/29 " > Сотрудники < /a > < /li >
< li class = " leaf " > < a href = " /new/node/30 " > Вакансии < /a > < /li >
< /ul >
< /li >
< /ul >
< /div >
< /div >
Просто не могу понять за какую CSSку зацепится, т.к. в первом случае, li class = " leaf " а во втором li class = " expanded "
Ну это же просто!
Открываете редактором css-файл, ищете через поиск текст "leaf", переходите к нему и правите css как душеньке угодно!
li.expanded - это Уровень1
li.leaf - это Уровень2
А уровень3, думаю, можно будет описать так:
/*ваш код*/
}
Мне кажется что если я опишу li.leaf как болд, то в первом случае (из тех что я указал), меню первого уровня выйдет так как мне хочется, но зато во второй части, болдом выйдут меню второго уровня.
А мне необходимо чтобы только меню первого уровня были болдом.
Казаться может многое. Лучше пробуйте.
li.expanded {
list-style-type: none;
padding: 0 0 0 0;
margin: 0;
text-decoration: bold;
}
li.expanded a {
text-decoration: bold;
}
Вот как сделал, эффекта нет никакого
попробуй так:
ul.menu li a { font-weight: bold; }
ul.menu li li a { font-weight: normal; }
bodro, спасибо большое, помогло.
Тему можно закрывтаь.