Opmaak: Afbeelding uitlijnen

Welkom bij het uitlijnen van afbeeldingen! De beste manier om de eb en vloed van de verschillende opties voor het plaatsen van afbeeldingen te demonstreren, is door ze te nestelen tussen een oceaan van woorden. Pak een peddel en laten we beginnen.

Over het onderwerp uitlijning moet worden opgemerkt dat gebruikers kunnen kiezen uit de opties van GeenLinksRechts, en Midden. Daarnaast krijgen ze ook de opties van MiniaturenMediumGroot & Fullsize.

Afbeelding uitlijnen 580x300

De afbeelding hierboven is toevallig gecentreerd.

Afbeelding uitlijnen 150x150De rest van deze paragraaf is opvulling om te zien hoe de tekst om de 150×150 afbeelding wordt gewikkeld, die links uitgelijnd.

Zoals je kunt zien moet er boven, onder en rechts van de afbeelding wat ruimte overblijven. De tekst mag niet over de afbeelding kruipen. Kruipen is gewoon niet goed. Afbeeldingen hebben ook ademruimte nodig. Laat ze spreken zoals je woorden. Laat ze hun werk doen zonder last te hebben van de tekst. In nog een zin hier zien we dat de tekst van rechts van de afbeelding naar beneden gaat, in een naadloze overgang. Nogmaals, laat de tekst zijn gang gaan. Missie volbracht!

En nu een enorm grote afbeelding. Het heeft ook geen uitlijning.

Afbeelding uitlijnen 1200x400

De bovenstaande afbeelding, hoewel 1200px breed, mag het inhoudsgebied niet overlappen. De afbeelding moet binnen het inhoudsgebied blijven zonder zichtbare verstoring van de inhoudsstroom.

Afbeelding uitlijnen 300x200

En nu gaan we dingen verschuiven naar de juiste uitlijning. Nogmaals, er moet genoeg ruimte zijn boven, onder en links van de afbeelding. Kijk eens naar hem daar... Hé kerel! Goed gedaan met die rechterkant. Het kan me niet schelen wat de links uitgelijnde afbeelding zegt, je ziet er geweldig uit. Laat niemand je iets anders vertellen.

Zo meteen zou je moeten zien dat de tekst onder de rechts uitgelijnde afbeelding komt te staan. Er zou nog genoeg ruimte moeten zijn en alles zou mooi moeten zitten. Ja... precies zo. Het voelde nog nooit zo goed om gelijk te hebben.

En net toen je dacht dat we klaar waren, gaan we ze allemaal opnieuw doen met bijschriften!

Afbeelding uitlijnen 580x300
Kijk naar 580×300 om wat onderschrift liefde.

De afbeelding hierboven is toevallig gecentreerd. In het onderschrift staat ook een link, gewoon om te kijken of het iets vreemds doet.

Afbeelding uitlijnen 150x150
Piepklein onderschrift.

De rest van deze paragraaf is opvulling om te zien hoe de tekst om de 150×150 afbeelding wordt gewikkeld, die links uitgelijnd.

Zoals je kunt zien moet er boven, onder en rechts van de afbeelding wat ruimte overblijven. De tekst mag niet over de afbeelding kruipen. Kruipen is gewoon niet goed. Afbeeldingen hebben ook ademruimte nodig. Laat ze spreken zoals je woorden. Laat ze hun werk doen zonder last te hebben van de tekst. In nog een zin hier zien we dat de tekst van rechts van de afbeelding naar beneden gaat, in een naadloze overgang. Nogmaals, laat de tekst zijn gang gaan. Missie volbracht!

En nu een enorm grote afbeelding. Het heeft ook geen uitlijning.

Afbeelding uitlijnen 1200x400
Enorm beeldcommentaar voor je oogballen.

De bovenstaande afbeelding, hoewel 1200px breed, mag het inhoudsgebied niet overlappen. De afbeelding moet binnen het inhoudsgebied blijven zonder zichtbare verstoring van de inhoudsstroom.

Afbeelding uitlijnen 300x200
Het voelt goed om altijd gelijk te hebben.

En nu gaan we dingen verschuiven naar de juiste uitlijning. Nogmaals, er moet genoeg ruimte zijn boven, onder en links van de afbeelding. Kijk eens naar hem daar... Hé kerel! Goed gedaan met die rechterkant. Het kan me niet schelen wat de links uitgelijnde afbeelding zegt, je ziet er geweldig uit. Laat niemand je iets anders vertellen.

Zo meteen zou je moeten zien dat de tekst onder de rechts uitgelijnde afbeelding komt te staan. Er zou nog genoeg ruimte moeten zijn en alles zou mooi moeten zitten. Ja... precies zo. Het voelde nog nooit zo goed om gelijk te hebben.

En dat staat er op, yo! Je hebt de woelige wateren van de uitlijning overleefd. Beelduitlijning prestatie ontgrendeld!