Switch to full style
Forum dyskusyjne poświęcone zagadnieniom jezyka HTML i Flash oraz tworzeniu stron WWW.
Odpowiedz

marginesy-początkujący

28 lipca 2004, o 19:28

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?

28 lipca 2004, o 19:51

28 lipca 2004, o 22:09

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.

28 lipca 2004, o 22:29

28 lipca 2004, o 22:33

29 lipca 2004, o 22:52

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
Odpowiedz