Handleiding berichten met margin/padding

De eigenschappen margin en padding die je aan html elementen kunt toekennen zijn twee van de meest bruikbare eigenschappen om je elementen tot op de pixel nauwkeurig te positioneren.

Om te beginnen is het goed te weten wat een margin is en wat een padding en dat html elementen al een margin en soms een padding van zichzelf hebben.

Bij bijna alle invoegen van een element (b.v.) tekstbericht is een extra optie beschikbaar. Met deze optie kunnen we de marges/padding aanpassen.

Voorbeeld 2 kollommen met standaard margin/padding.

Open het blok waar u de marges wilt aanpassen en klik op tabblad Design opties.

Om het in met voorbeelden duidelijk te maken hebben we de volgende voorbeelden een z.g. border (kader) aangemaakt zijn.

Op het tabblad Design opties.

In het voorbeeld wordt meteen duidelijk wat men met marging en padding bedoelen.

• Padding is de ruimt binnen het kader (border).
• Margin is de ruimte buiten het kader (border).

Het enige wat u moet doen om dit aan te passen is in het betreffende vak het aantal pixels aangeven om de ruimte aan te brengen.

Voorbeeld met padding 10px (aan alle zijde)

Vergeet niet na aanbrengen op Save changes te klikken.

Resultaat.

Voorbeeld met margin 10px (aan alle zijde)

Uiteraard zijn ook margin en padding te combineren.