Problem z obrazkami w css


(szymon189) #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.


(system) #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; }


(szymon189) #3

(system) #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.


(Monczkin) #5

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


(szymon189) #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.


(system) #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.


(szymon189) #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