Сообщений в теме: 4

[Заур Курбанович]

Здравствуйте! У меня сайт доска объявлений. В карточке объявления есть список параметров недвижимости. Я хочу сделать их зеброй, т.е. фон серый, фон белый. Делается через css, с этим у меня проблем нет. Проблема в том что пункты списка через раз должны иметь одинаковый класс. Вот как такое сделать? Сейчас у меня пункты имеют следующие классы:

<li class="element element-text first"><strong>Район: </strong>...</li>
<li class="element element-text"><strong>Город/Нас. пункт: </strong>...</li>
<li class="element element-text"><strong>Адрес: </strong>...</li>
<li class="element element-text"><strong>Площадь, кв. м.: </strong>...</li>
<li class="element element-select"><strong>Количество комнат: </strong>...</li>
<li class="element element-select last"><strong>Этаж: </strong>...</li>

А нужно чтобы было примерно вот так:

<li class="element element-text first color-gr"><strong>Район: </strong>...</li>
<li class="element element-text color-wt"><strong>Город/Нас. пункт: </strong>...</li>
<li class="element element-text color-gr"><strong>Адрес: </strong>...</li>

ну и т.д.

[Sliapy]

2 варианта:
1. Через jQuery:

<script type="text/javascript">
        jQuery(document).ready(function() {
            jQuery ('*селектор* li:even').addClass('color-gr');
            jQuery('*селектор* li:odd').addClass('color-wt');
        });
  </script>

2. Через CSS:

*селектор* li:nth-child(even) {background: #CCC}
*селектор* li:nth-child(odd) {background: #FFF}

Селектор - класс или айди блока, обрамляющего список.

[Заур Курбанович]

2. Через CSS:

*селектор* li:nth-child(even) {background: #CCC}
*селектор* li:nth-child(odd) {background: #FFF}

Селектор - класс или айди блока, обрамляющего список.

Ого! Не знал что такое возможно только через css. Вот что значит век живи, век учись! Спасибо! Второй вариант по легче конечно...

[Sliapy]

Полегче, но без поддержки Интернет Экплорера.

[Заур Курбанович]

Полегче, но без поддержки Интернет Экплорера.

Ну и фиг с ним. Это не принципиально для ИЕ...