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 Geen, Links, Rechts, en Midden. Daarnaast krijgen ze ook de opties van Miniaturen, Medium, Groot & Fullsize.
De afbeelding hierboven is toevallig gecentreerd.
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.
De bovenstaande afbeelding, hoewel 1200px breed, mag het inhoudsgebied niet overlappen. De afbeelding moet binnen het inhoudsgebied blijven zonder zichtbare verstoring van de inhoudsstroom.
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!
De afbeelding hierboven is toevallig gecentreerd. In het onderschrift staat ook een link, gewoon om te kijken of het iets vreemds doet.
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.
De bovenstaande afbeelding, hoewel 1200px breed, mag het inhoudsgebied niet overlappen. De afbeelding moet binnen het inhoudsgebied blijven zonder zichtbare verstoring van de inhoudsstroom.
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!