Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Osadzenie obrazka w "tle"
Forum PHP.pl > Forum > Przedszkole
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 smile.gif
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

  1. background-repeat:no-repeat;


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 winksmiley.jpg
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.