Problem z obrazkami w css

Dla specjalistów Webmastering
#1

Próbuję zakodować stronę za pomocą html i css. I mam problem z css. Nie wiem jak ustawić aby obrazki w css background-image:url nie nachodziły na siebie. Css jest taki:

body {background:#000000;

}

.gora{ background-image:url(images/lay_01.gif);

        height:23px;

        width:1000px;

}

.tytul{

background-image:url(images/lay_02.gif);

height:42px;

height:68px;

}

.tytul1{background-image:url(images/lay_03.gif);

height:41px;

width:593px;

}

.tytul2{background-image:url(images/lay_04.gif);

height:41px;

width:87px;

}

Chciałbym aby grfika z tytul, tytyul1 i tytul 2 były obok siebie.

#2

Jeśli dajesz obrazy jako tło to zrób tyle div z float:left + wymiary np.

pierwszy obraz

drugi obraz

trzeci obraz
[/code] a w css

[code].tytul{ float:left; background-image:url(images/lay_02.gif); height:42px; height:68px; } float:left; .tytul1{background-image:url(images/lay_03.gif); height:41px; width:593px; } float:left; .tytul2{background-image:url(images/lay_04.gif); height:41px; width:87px; }

#3
#4

Może wytłumacz to ‘nachodzą na siebie’, a najlepiej pokaż to on-line. Poza tym kod

display: inline;

position:absolute;

overflow: hidden;

border:0;

jest dosyć zbędny w tym układzie. Albo inline albo float…nie podałeś w pierwszym poście tego.

#5

szymon189 , nazwij proszę temat konkretnie. Zapoznaj się z zasadami nazywania tematów na forum.

#6

Strona powinna wyglądać tak jak layout: http://www.fotosik.pl/pokaz_obrazek/f94 … 01a67.html

Natomiast wygląda tak: http://www.szymon189.yoyo.pl/css/

Obrazek strona główna powinien być dalej, za kończącym się obrazkiem.

#7

Jak to ma wyglądać inaczej skoro nie masz praktycznie nic zrobione? Na pokazanym lay masz dużo więcej niż w pokazanym kodzie plików graficznych.

#8

Nie mam nic zrobione więcej bo nie wiem jak ustawić ten obrazek tak jak tutaj na rysunku.

http://www.fotosik.pl/pokaz_obrazek/8e2 … 03d3a.html