Webboard

Pełna wersja: Jak wstawić obrazek dostosowujący się do każdej roździelczości?
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Witam. Chciałbym wstawić obrazek, który dostosowałby się do każdej rozdzielczości.
Ma to być zwykła ozdoba stylu wstawiona w headerze, pod menu. Wiem jak to wstawić, jednak chodzi mi o sam kod. Jeśli wstawiam zwykłym kodem img, obrazek wychodzi poza tabelkę, jeśli nie pasuje do rozdzielczości użytkownika. Chodzi mi o to, żeby ten obrazek był zawsze wyśrodkowany, a po bokach obcinało go w miejscu gdzie kończy się tabela. Dobrze by też było, gdyby był wstawiony jako tło, np jakiejś tabelki, tak żebym mógł na tym obrazku wstawiać tekstu, lub inne obrazki.

Pozdrawiam i góry dziękuje za pomoc.
ok, ale w tamplatce wstawic samo <div class="ozdoba /> czy
np
Kod:
<div class="ozdoba" /><img src="adres obrazka" /></div> lub cos w tym stylu xp ??

UPDATE - poradziłem sobie - działa świetnie. Gdyby ktoś chciał zrobić coś takiego w tamplatce wstawiamy coś takiego

Kod:
<div class="ozdoba" /><br><br><br></div>

Tam gdzie
Kod:
<br><br><br>
można np wstawić jakiś tekst albo inny obrazek :D

Co do stylu to wstawiamy to obojętnie gdzie w global.css - ja dodałem jeszcze center, żeby mi to ładnie wyśrodkowało :)

Kod:
.ozdoba {
background: url(images/twoj_obrazek.png) center repeat-x;
}

Jeszce raz dzięki Adrian :D
Aby było poprawnie zamist
Kod:
<br><br><br>
w css powinieneś dać
Kod:
.ozdoba {
background: url(images/twoj_obrazek.png) center repeat-x;
height: wielkość_obrazkapx;
}