ďťż
Jeśli jesteś właścicielem tej strony, możesz wyłączyć reklamę poniżej zmieniając pakiet na PRO lub VIP w panelu naszego hostingu już od 4zł!
Strony WWWSerwery VPSDomenyHostingDarmowy Hosting CBA.pl

Michał Slawik www.droga.net.pl

Mam 4 bloki. Trzy z nich mają ten sam obrazek w tle (css sprite). Problem pojawia się przy próbie nałożenia obrazka (4 div) na te trzy pozostałe. Całość miałaby się prezentować mniej więcej tak:

http://i49.tinypic.com/2z7eou0.jpg

<div id="zbiorczy"> <div id="obrazek"></div> <div id="blok1"></div> <div id="blok2"></div> <div id="blok3"></div> </div>

#zbiorczy { width: 920px; margin: 0 auto; text-align:center; #obrazek { background: url(images/header4.gif) 0 -319px no-repeat; height: 433px; width: 365px; float: right; } #blok1 { background: url(images/header4.gif) 0 0 no-repeat; height: 235px; margin: 0 15px 0 15px; } #blok2 { background: url(images/header4.gif) 0 -235px no-repeat; height: 44px; margin: 0 15px 0 15px; } #blok3 { background: url(images/header4.gif) 0 -279px no-repeat; height: 39px; margin: 0 15px 0 15px; }

Niby obrazek (z przezroczystością) pojawia się tam gdzie ma być, ale zawartość pozostałych 3 bloków znika w tym miejscu, a sam obrazek nie wychodzi poza ramy tych 3 bloków.



Nie chciałbym Cię wprowadzić w błąd ale spróbuj pobawić się pozycjonowaniem: http://www.kurshtml....cjonowanie.html - szczególną uwagę zwróć na z-index (pozwala on na nakładanie na siebie warstw).

Normalnie bloki nie będą się na siebie nakładać, trzeba ja wypozycjnowac. Popraw na takie coś może (tam brakuje jeszcze } ):
#zbiorczy { width: 920px; margin: 0 auto; text-align:center; position: relative; } #obrazek { background: url(images/header4.gif) 0 -319px no-repeat; height: 433px; width: 365px; position: absolute; top: 0; right: 0; }
Może być potrzeba też nadania szerokości stałej pozostałym divom.

dzięki wielkie Code Hunter ;)