[css]- 1 obrazek w tle, 2 na nim?

[Dzidek794]

Witam. Mam takie pytanko, a mianowicie w style.css mam linijkę:

Kod: Zaznacz wszystko

body          {background:#f0f4f7 url(img/bg.gif);color:#002442;padding:0;margin:0 auto;text-align:center;width:780px;font:11px Verdana,Tahoma,Arial,Sans-serif;}

i Ok. Mam fajne tło z obrazka. I chciałbm, zeby u góry był jeszcze jeden obrazek więc dodaje :

Kod: Zaznacz wszystko

url(ground.gif)  top repeat-x;

i wygląda to teraz tak:

Kod: Zaznacz wszystko

body          {background:#f0f4f7 url(img/bg.gif);url(ground.gif)  top repeat-x;color:#002442;padding:0;margin:0 auto;text-align:center;width:780px;font:11px Verdana,Tahoma,Arial,Sans-serif;}

I teraz juz nie działa. Tj. nie widać tego 2 obrazka. Próbowałem na różne sposoby ale żaden nie działa. Za pomoc w rozwiązaniu tego będ naprawde wdzięczny. Jak coś jeszcze podać jakieś informacje to pisać! Pozdrawiam Dzidek794

[nanoo]

http://www.kurshtml.boo.pl/css/nakladanie,pozycjonowanie.html
o to chodzi?

[Dzidek794]

niestety nie. Ja mam stronę w php. Ale to nie ma dużego znaczenia co do css chyba. Nie wiem za bardzo sie nie znam dopiero zaczynam przygode z www ;P Ale z tego co tam poczytalem to poprobowałem uzyc tych z-indexow ale to niestety nie pomoglo ;/ czekam na dalsze propozycje Ale dzięki za chęć

[nanoo]

poprobowałem uzyc tych z-indexow

próbowałeś wersję bez?

daj screena jak to wygląda w ogóle

[Dzidek794]

Proszę się nie przerazić na wygląd gdyż dopiero to testuje
A więc to jest z obrazkiem bg.jpg to co chce aby bylo pierwsze


a to gdy wywalilem url(img/bg.jpg) top repeat-x; i wstawiłem url(img/ground.gif):


obraz bg.jpg wyglada tak:

a, obraz ground.gif tak:
<-- tujest taki biały słupek pod tym nieieskim ale tego nie widać
Może teraz będzie jaśniej. Chce aby obraz bg.jph był na całą stronę jako tło, a ground.gif że by był nad nim ale tlyko w poziomie(repeat-x) zeby dotykał logo jak to widać na screenie. Niestety gdy piszę to w mój sposób nie ma albo tego albo tego ;P

[Puma]

Nie można przypisać dwóch teł do jednego elementu, takie rzeczy to dopiero w css3 będą możliwe. Przypisz tło powtarzalne do znacznika html

Kod: Zaznacz wszystko

html { background: url(ground.gif)  top repeat-x; }

[Dzidek794]

Nie można przypisać dwóch teł do jednego elementu, takie rzeczy to dopiero w css3 będą możliwe. Przypisz tło powtarzalne do znacznika html

Kod: Zaznacz wszystko

html { background: url(ground.gif)  top repeat-x; }

Rozumiem rozumiem, tylko gdzie ten znacznik html skoro ja to mam php a w indexie mam coś takiego

Kod: Zaznacz wszystko

<?php include('top.php'); ?>
         <h3>Strona główna</h3>
         <p><img src="">Witamy na najlepszej stronie o skuterach!</p>
         
<?php include('bottom.php'); ?>

[ Dodano: Dzisiaj o 22:02 ]
wstawiłem to do style.css bo tak mi pasowało jakoś po wyglądzie kodu i wygląda to teraz tak:

Kod: Zaznacz wszystko

body          {background:#f0f4f7 url(img/ground.gif) top repeat-x;...blablabla cos o czcionkach}
html          {background: url(img/bg.jpg);}

i działa!!! ale tylko ten bg.jpg teraz nie widać ground.gif ^^

[Puma]

Jak nie widać to zamień to tzn. to co jest w html daj do body a to co w body daj do html, mówię o grafice.

Poza tym kolejność w arkuszu powinna być

Kod: Zaznacz wszystko

html { ... }
body { ... }

A to że stronę masz w php to i tak masz ją napisane w sporej mierze na html