Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Tlo kolorowe i obrazkowe w jednym div - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Tlo kolorowe i obrazkowe w jednym div (/thread-tlo-kolorowe-i-obrazkowe-w-jednym-div)



Tlo kolorowe i obrazkowe w jednym div - suppositoria - 16-04-2009

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.
[Obrazek: zapytanie.jpg]
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


RE: Tlo kolorowe i obrazkowe w jednym div - dziamber - 16-04-2009

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


RE: Tlo kolorowe i obrazkowe w jednym div - suppositoria - 17-04-2009

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.


RE: Tlo kolorowe i obrazkowe w jednym div - dziamber - 17-04-2009

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


RE: Tlo kolorowe i obrazkowe w jednym div - Labsta.com - 17-04-2009

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


RE: Tlo kolorowe i obrazkowe w jednym div - suppositoria - 17-04-2009

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


RE: Tlo kolorowe i obrazkowe w jednym div - Labsta.com - 17-04-2009

Nie ma sprawy Smile