Uhvati razliku između padanja i margina u web dizajnu

Razlikujte ova dva s ovim vodičem

Ako ne znate koja je razlika između paddinga i margina, niste sami. To je često postavljana pitanja i zanemaruje mnoge web dizajnerice . S ovim brzim udžbenikom naučite razlikovati ova dva.

Razumijevanje razlike

Margine i padding mogu biti zbunjujući dizajnu novaka i ponekad čak i dizajnera s više iskustva. Naposljetku, na neki način, oni izgledaju poput iste stvari: bijeli prostor oko slike ili objekta.

Padding je jednostavno prostor unutar granice između granice i stvarnog sadržaja slike ili ćelija. Na slici je padding žuto područje oko sadržaja. Imajte na umu da ispuna ide u potpunosti oko sadržaja. Na gornjoj, donjoj, desnoj i lijevoj strani ćete naći padding.

S druge strane, margine su prostori izvan granice, između granice i ostalih elemenata pored ovog objekta. Na slici, margina je wite područje izvan cijelog objekta. Imajte na umu da, poput padanja, margina ide u potpunosti oko sadržaja. Na gornjoj, donjoj, desnoj i lijevoj strani nalaze se margine.

Korisni savjeti

Imajte na umu da ako planirate raditi stvarno fantastične stvari s marginama i padovima da neki preglednici, kao što je Internet Explorer, ne provode ispravno okvir modela. To znači da će vaše stranice izgledati drugačije (i ponekad i jako različite) u drugim preglednicima.