Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Jak wstawić obrazek dostosowujący się do każdej roździelczości?

Założony przez  bari.

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
<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

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

Tam gdzie
<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 :)

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

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



Użytkownicy przeglądający ten wątek:

2 gości