Jak zrobić taki podziałki?

Witam, mam tutaj ss z mojej strony.

 

http://oi42.tinypic.com/2rp4ufa.jpg

 

Jak zrobić taką podziałkę 1px między tymi “Jakaś oferta” ? I żeby było że raz pod “Jakaś oferta” jest białe tło a raz szare ?

Proszę o pomoc :slight_smile:

Ty prosisz o pomoc, a my prosimy o kod :wink:

</div>

<div class=“lastProductDesc”>

<ul>

<li>Jakaś oferta</li>

<li>Jakaś oferta</li>

<li>Jakaś oferta</li>

<li>Jakaś oferta</li>

<li>Jakaś oferta</li>

<li>Jakaś oferta</li>

<li>Jakaś oferta</li>

</ul>

</div>

 

ccs:

.lastProductDesc > ul {

font: bold 10px/26px Verdana, Geneva, sans-serif;

font-family: ‘Open Sans’, sans-serif;

font-weight: 300;

color: #545353;

padding-left: 3px;

border-bottom: 1px solid #cdcdcd;

text-transform: uppercase;

padding:0;

margin:0;

display: block;

}

A możesz poprostu napisać do mam dopisać do ccs ?

Ehh…:

.lastProductDesc > ul > li {
    margin: 1px 0;
}
/* Dodaj to : */

.lastProductDesc > ul > li:nth-child(odd) {
    background: #ccc;
}

/* lub to : */

.lastProductDesc > ul > li:nth-child(even) {
    background: #ccc;
}

To z :nth-child(odd) koloruje nieparzyste elemnty(1, 2, 3…) a to z (even) koloruje parzyste(1, 2, 3, …).

Wiedziałem, że już gdzieś to widziałem i przeżywam deja vu z identycznym pytaniem (co zabawne, tej samej osoby) :wink:

Teraz wychodzi coś takiego http://oi40.tinypic.com/mtmgc6.jpg

Oj chłopaku ;)… masz tu kompletnego gotowca, który nie ma tylko gradientów w head’zie, stopie i tam gdzie cena podana (oryginał ma gradienty z grafiki).

Dzięki :wink: