• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

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

Aruba Cloud VPS - 50% taniej przez 3 miesiące!
0 głosów
465 wizyt
pytanie zadane 20 września 2016 w HTML i CSS przez wgnsy123 Początkujący (410 p.)

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 :/

2 odpowiedzi

+1 głos
odpowiedź 20 września 2016 przez niezalogowany

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

komentarz 20 września 2016 przez wgnsy123 Początkujący (410 p.)
No taaak, zapomniałem o tych... Teraz już wiem, dzięki.
komentarz 20 września 2016 przez wgnsy123 Początkujący (410 p.)
A dobrze wpisałem atrybuty margin, width bezpośrednio do img?
komentarz 20 września 2016 przez niezalogowany

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ł ;)

komentarz 20 września 2016 przez wgnsy123 Początkujący (410 p.)
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 :/
komentarz 20 września 2016 przez wgnsy123 Początkujący (410 p.)
Dobra juz sobie poradzilem.
0 głosów
odpowiedź 21 listopada 2016 przez Kamil Naja Nałogowiec (27,550 p.)
Odpowiedź na Twoje pytanie brzmi - dlatego, że elementy <img> są domyślnie inlinowe

Podobne pytania

0 głosów
2 odpowiedzi 348 wizyt
pytanie zadane 17 grudnia 2016 w HTML i CSS przez Apsik Użytkownik (990 p.)
0 głosów
2 odpowiedzi 549 wizyt
pytanie zadane 8 października 2021 w HTML i CSS przez Rever Początkujący (290 p.)
+1 głos
1 odpowiedź 312 wizyt
pytanie zadane 5 listopada 2021 w HTML i CSS przez Pico Obywatel (1,330 p.)

93,096 zapytań

142,059 odpowiedzi

321,513 komentarzy

62,441 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...