Отображение кратких новостей зеброй

[tayllor 0]

Здравствуйте. Вот столкнулся с такой задачей. Друг попросил сделать шаблон для сайта.

Он хочет чтобы краткие новости на странице отображались в виде горизонтальных полос без описания новости (это я могу сделать), и чтобы эти полосы чередовались двумя цветами. То есть одна полоса новости пусть будит белой, другая - серой, потом опять белой и потом серой и т. дальше.

Как такое можно сотворить? Вот например как на этом сайте http://www.telderi.ru/

Это можно сделать через html и ccs, или нужно что то делать в коде php?

[tayllor 0]

Что никто не поможет мне? Очень жаль. Хотя бы идейка, совет а?

[alex32 934]

Вас ПС забанили? http://tinyurl.com/bv3f4nx

[master27 35]

На примере бутстрапа, http://twitter.github.io/bootstrap/base-css.html#tables

в стили...

.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {

    background-color: #F9F9F9;

}

и нужной таблице добавить класс "table-striped"

[tayllor 0]

На примере бутстрапа, http://twitter.githu...css.html#tables

в стили...

.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {

	background-color: #F9F9F9;

}

и нужной таблице добавить класс "table-striped"

Отлично. Спасибо! А как такое же можно сделать для тега <div></div> ?

[IgorA100 90]

А как

Скорее всего никак. Переведите на таблицу дивы.

[Lomot 134]

.ves_spisok .odna_novost:nth-child(2n+1){background: #ddd;}

<div class="ves_spisok">

<div class="odna_novost">новость</div>

<div class="odna_novost">новость</div>

<div class="odna_novost">новость</div>

</div>