Strona 1 z 1

marginesy-początkujący

PostNapisane: 28 lipca 2004, o 19:28
przez lszk18
Wstawiłem sobie na strone wyśrodkowany obrazek wraz z obramowaniem.
http://lszk.masternet.pl/nowy.html
Problem w tym, że nad nim jest jeszcze białe tło, a ja chce, aby stykał się
on bezpośrednio z górą strony.
Próbowałem użyć marginesy, lecz margin-top: 0px pozostawia obrazek tam,
gdzie stał, a jak wpisze liczbe ujemną, to obrazek się ucina i wyświetla się
w tym samym miejscu, a pole nad nim jest dalej.
Gdy natomiast użyje padding-top: px, to obrazek się przesuwa w dół, ale w
obramowaniu.
Co wpisać, aby przesunąć obrazek na samą góre?

PostNapisane: 28 lipca 2004, o 19:51
przez LEMUR

PostNapisane: 28 lipca 2004, o 22:09
przez Michael_48
do LSZK18
Najpierw zmien deklaracje kodowania na nastepującą:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
w "margin-top" daj -15px. Działa w IE5,5 i 6.0
W Netscape 7.1 i tak troche bedzie ponizej ale IE ma dziewięćdziesiąt kilka % rynku.
Pozdr.
M.

PostNapisane: 28 lipca 2004, o 22:29
przez LEMUR

PostNapisane: 28 lipca 2004, o 22:33
przez Michael_48

PostNapisane: 29 lipca 2004, o 22:52
przez Wydra707
LEMUR dobrze gada - nie dodawaj stylu do obiektu IMG, ale do obiektu BODY.

IMG ma domyślnie zerowe marginesy, a zatem margin-top:0px nic nie zmieni (marginesy ujemne są dopuszczalne, ale w takiej sytuacji lepiej użyć odpowiedniego pozycjonowania).

BODY ma domyślnie piętnastopikselowe marginesy i w tym przypadku właśnie je trzeba usunąć. Pewnym paradoksem jest, że definiując margin w BODY de facto ustawiasz mu padding... Jeśli chcesz wejść w szczegóły, przeczytaj artykuł "Internet Explorer a CSS" w dziale artykułów tego serwisu. Jeśli nie, pisz po prostu:

BODY STYLE="margin-top:0px" albo:
BODY STYLE="margin:0px" (to usuwa wszystkie marginesy, nie tylko górny), albo:
BODY STYLE="margin:0px 10px 20px 30px" gdzie kolejno definiujesz marginesy: górny, prawy, dolny, lewy.

Pozdrawiam
Paweł Rajewski