Nasze strony wykorzystują pliki cookies. Używamy cookies i podobnych m.in. w celach reklamowych i statystycznych oraz w celu dostosowania serwisów do potrzeb użytkowników. Mogą też stosować je nasi reklamodawcy, firmy badawcze oraz dostawcy aplikacji. W przeglądarce można zmienić ustawienia dotyczące cookies. Więcej informacji. Jeśli nie wyrażasz zgody, opuść tę stronę.

marginesy-początkujący

Forum dyskusyjne poświęcone zagadnieniom jezyka HTML i Flash oraz tworzeniu stron WWW.

Moderator: Grupa pościgowa ;-)

marginesy-początkujący

Postprzez lszk18 » 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?
lszk18
Zanim zapytam poszukam odpowiedzi
Zanim zapytam poszukam odpowiedzi
 
Posty: 1
Dołączył(a): 20 marca 2004, o 13:44

Postprzez LEMUR » 28 lipca 2004, o 19:51

LEMUR
GURU!
GURU!
 
Posty: 1109
Dołączył(a): 7 listopada 2002, o 21:13

Postprzez Michael_48 » 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.
Michael_48
Jeszcze się uczę
Jeszcze się uczę
 
Posty: 22
Dołączył(a): 7 czerwca 2004, o 22:28

Postprzez LEMUR » 28 lipca 2004, o 22:29

LEMUR
GURU!
GURU!
 
Posty: 1109
Dołączył(a): 7 listopada 2002, o 21:13

Postprzez Michael_48 » 28 lipca 2004, o 22:33

Michael_48
Jeszcze się uczę
Jeszcze się uczę
 
Posty: 22
Dołączył(a): 7 czerwca 2004, o 22:28

Postprzez Wydra707 » 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
Wydra707
Znawca tematu
Znawca tematu
 
Posty: 482
Dołączył(a): 1 października 2002, o 19:21


Powrót do HTML i tworzenie stron WWW

Kto przegląda forum

Użytkownicy przeglądający ten dział: Google [Bot]

cron