[CSS]Osadzenie obrazka w "tle" Opcje

[xez]

Witam.
Jestem zupelnie zielony jesli chodzi o css, szukalem w poradnikach na necie ale nie potrafilem tego skutecznie uzyc wiec zwracam sie z prosba o pomoc do was. Przerabiam strone i chcialem aby jej tlo bylo nieco przezroczyste, jej styl zrobiony jest wlasnie w css. Nie wiem gdzie wstawic obrazek aby to dzialalo, probowalem wiele razy lecz bez skutku.. Chcialem wstawic cos takiego jako tlo: http://img12.imageshack.us/img12/8156/backgroundkv.png oczywiscie szersze i wyzsze ale to juz chyba da sie zrobic w css, bez potrzeby tworzenia wiekszego obrazu(tak mi sie wydaje)? W tej chwili wyglada to tak: http://img541.imageshack.us/img541/8112/zxc.png i to co zaznaczylem chcialem zmienic. Nie wiem czy to wystarczy ale wysylam plik css( http://www.speedyshare.com/files/23273928/lgsl_style.css ), a jesli bedzie taka potrzeba to moge wyslac caly skrypt strony. Jeszcze raz prosilbym o pomoc, bo w tym temacie raczkuje.

Pozdrawiam

[Ruio]

poszukaj odpowiedniego kawałka w css ( background-image ) i podmień tam nazwę pliku na tą jaka ma nowy plik. Oczywiście zmień tam też wysokość i szerokość obrazka .

Pozdro

Edit. Tak sobie myślę teraz że to może być backgound color , jako ,że jest to jednolity kolor tła . Podmienisz go wtedy na background image i robisz co zapragniesz

Ten post edytował Ruio 6.07.2010, 16:33:12

[xez]

Niestety, lecz wszystkie 5 (bo tyle ich jest) odnosza sie do czegos innego, 1 do tla glownego strony (tego z nazwa strony), a reszta do paska z pewnymi informacjami - nic do elementu zaznaczonego na zrzucie.

[Ruio]

dlatego sprawdź background-color

wrzuć plik css na wklejto.pl jeśli jest bardzo długi a jak nie to wklej tutaj. Nie moge pobrać ze speedysher'a

[xez]

Zrobilem tak jak kazales, lecz zamiast normalnego tla obraz zaczal sie powielac.

Oto plik stylu: http://wklejto.pl/71696

[Ruio]

dodaj

[HTML] pobierz, plaintext 
background-repeat:no-repeat;
[HTML] pobierz, plaintext 

przestanie się powielać

[xez]

Powielac juz nie powiela, ale nadal problem z rozmiarem obrazu gdy wpisuje przykladowo height: 150px; width:500px; rozsypuje sie rozmieszczenie elementow na stronie, jest jakis sposob aby automatycznie obraz dostosowal wielkosc? Bo gdy tlo bylo ustawione jako kolor background: #606060; jakos wszystko bylo w idealnych rozmiarach.

[gigzorr]

automatycznie dostosowal wielkosc ? w % model pudelkowy.

[xez]

Wpisalem tak:

Kod

    background-image: url(background.png);
    background-repeat: no-repeat;
    width:100%;
    height:100%;

Pojawia sie jeden obrazek w swoim oryginalnym rozmiarze 85x125

[ixpack]

Ty nie chcesz wstawić "tła"... Tylko uzyskać zaokrąglone rogi... Wywnioskowałem to z załączonego obrazka...

Daję link: KLIK... Dokładnie wyjaśnione jak tworzyć takie coś...

Ps. jQuery radzi sobie z tym bez css... I nie będziesz miał problemów z IE.

[xez]

Poradzilem sobie w inny sposob, ale dziekuje za pomoc