Dlaczego margin-top, bottom nie działa na img?

Question

Witam, otóż są jakieś brzydkie marginesy górne i dolne, chce je usunąć - powstawiałem margin: 0px; w css'ie, tutaj też:

 

<img src="img/omnie.jpg" style="width: 100%; margin: 0px;"></img>

 

I nie działa, zostają brzydkie marginesy :/

Answer 1

Oprócz 'margin' jest też 'padding' i 'outline'. Poczytaj o normalizacji  bądź resetowaniu CSS i dobierz to co bardziej Ci pasuje (+ oczywiście okrój do swoich potrzeb) ;)

 

Polecam również przeczytać: link

Comments

No taaak, zapomniałem o tych... Teraz już wiem, dzięki.

---

A dobrze wpisałem atrybuty margin, width bezpośrednio do img?

---

Powinieneś rozdzielać poszczególne warstwy strony tak, by nie wiedziały o sobie nawzajem (mądrze nazywa się to Progressive Enhancement). Mówiąc krótko - wydziel style CSS do arkusza CSS (osobny plik).

Polecam przeczytać i stosować się do tego artykułu - duuużo szybciej poprawia się rzeczy na stronie w późniejszych etapach projektu gdy warstwy są oddzielone. Możesz napisać soczyste dziękuję Comandeer za ten artykuł ;)

---

Chcę tylko po prostu zrobić aby obraz jpg na stronie spajał się z innym obrazem, czyli brak paddingu, mraginu itp. A w css nie pamietam jak sie robilo osobno dla wyznaczonego obrazka :/

---

Dobra juz sobie poradzilem.

Answer 2

Odpowiedź na Twoje pytanie brzmi - dlatego, że elementy <img> są domyślnie inlinowe