разнае свойства элементов списка, помогите!

[Rozhki_]

Друзья, я уже голову сломала.

Есть список типа ul li:

<ul class="menu">  
  <li class="item3"><a href="#"><span>blahblah</span></a></li>
  <li class="item8"><a href="#"><span>blahblah</span></a></li>
  <li class="item16"><span class="separator">блабла</span></li>
  <li class="itemn"><a href="#"><span>blahblah</span></a></li>
</ul>

Надо у того li, внутри которого спан класса "сепаратор" сделать особые свойства - потолще его сделать, верхний и нижний отступ ему побольше, чтобы выделялся визуально. Классы пункта списка выдаются динамически, поэтому просто li.item16 {} написать не выйдет. Свойство margin спана "сепаратор" не раздвигает пункты списка.

Как мне выкрутиться?

[psywalker]

А можно допустим делать проверку класса у дочернего элемента спан?

[SelenIT]

Свойство margin спана "сепаратор" не раздвигает пункты списка.

Можно с его line-height поиграть (если текст заведомо однострочный). Или задать ему display:inline-block + паддинги.

Классы пункта списка выдаются динамически

А нельзя в этой же динамической выдавалке делать проверку содержимого и добавлять еще один класс впридачу?

[Rozhki_]

А можно допустим делать проверку класса у дочернего элемента спан?

psywalker, Я тоже думала об этом, но не догадалась, как воплотить. Мне ниже подсказали простой и изящный css-вариант.

Можно с его line-height поиграть (если текст заведомо однострочный). Или задать ему display:inline-block + паддинги.

Спасибо большое, оба варианта работают! Ларчик просто открывался.

А нельзя в этой же динамической выдавалке делать проверку содержимого и добавлять еще один класс впридачу?

Выдает джумла, можно было бы в коде покопаться, но Ваш ксс-вариант мне полностью подошел.

Edited November 10, 2010 by Rozhki_

[psywalker]

psywalker, Я тоже думала об этом, но не догадалась, как воплотить. Мне ниже подсказали простой и изящный css-вариант.

А можно его посмотреть?

[Rozhki_]

А можно его посмотреть?

А вот сразу же за вашим советом Селенит написал:

Можно с его line-height поиграть (если текст заведомо однострочный). Или задать ему display:inline-block + паддинги.

А воплощение - http://nalanda.ru/rozhki/ менюшка слева.

[d0ublezer0]

Гм. Так всё ж на самом деле проще делается. Сделали бы несколько модулей меню. Назвали бы по-разному, и поставили бы их все в одну позицию (left у вас наверное) с выводом заголовков..

[Rozhki_]

Гм. Так всё ж на самом деле проще делается. Сделали бы несколько модулей меню. Назвали бы по-разному, и поставили бы их все в одну позицию (left у вас наверное) с выводом заголовков..

Конечно, Ваш выход проще. Но наполнителю сайта было удобнее работать с меню одним модулем. Зато теперь я умею делать сепараторы на любой вкус