Tlo kolorowe i obrazkowe w jednym div

[suppositoria]

Witam
Majac na uwadze oszczedność kodu HTML i uzywanie go wylacznie do prezentowania tresci zastanawiam sie czy da sie zrobic cos takiego jak pokazalem w zalaczniku.

Mam dokladnie na mysli maly banerek w menu u gory (jest on tlem obrazkowym) a calosc diva wypelniona innym kolorem (div{background:#dfe9ee})
Normalnie robie to za pomoca dwoch divów ale to dokłada niepotrzebnie kodu do strony.
Dziekuje za odpowiedz i pozdrawiam

[dziamber]

Nie wiem czy Ciebie dobrze zrozumiałem, ale chyba rozwiązaniem jest zrobienie dwóch div'ów, jeden w drugim z tym że ten w środku z wartością:

Kod:

position: absolute;

a ten na zewnątrz:

Kod:

position: relative;

I przy pomocy atrybutu "margin" przesunąc banner w pożądane położenie

[suppositoria]

Chodzilo mi o to czy da sie tak ustawic w jednym divie dwa tla jedno obrazkowe o drugie za pomoca wartosci koloru.
Zeby nie robic nie potrzebnie dodatkowego kodu.

[dziamber]

Z tego co wiem to raczej nie, a dodatkowe dwie linijki kodu nie spowodują żadnego spowolnienia ...

[Labsta.com]

robisz to tak:
szykujesz jpg lub gif dajmy na to 30px wysokości (ten gradient co tam masz niebieski) a szeroki powiedzmy na 2px

robisz diva dajesz mu tło błękitne(powiedzmy #00BED5) i obrazek tła powtarzany w poziomie.

Przykładowy kod:

Kod:

#naszdiv{
background: #00BED5 url(gradient.jpg) repeat-x;
height: 100px;
width: 100px;
}

finito

[suppositoria]

Labsta.com dzieki wielkie twoj sposob dziala i jest genialnie prosty. Css to jednak potega.

[Labsta.com]

Nie ma sprawy