Porady webmasterskie
Centrowanie obrazka

Jak wycentrować obrazek za pomocą css:

Kod css do wstawienia w head strony lub zewnętrznym css:

img {
position: absolute;
left: 50%;
top: 50%;
margin-top: -1/2height;
margin-left: -1/2width;
}
gdzie:
1/2height = połowa wysokości obrazka
1/2width = polowa szerokosci obrazka

Przykładowy kod dla obrazka o wymiarach 400px(wysokość) na 600px(szerokość) powinien wyglądać następująco:

img {
position: absolute;
left: 50%;
top: 50%;
margin-top: -200;
margin-left: -300;
}


Autor: zama

drukuj