Velkommen til bildejustering! Den beste måten å demonstrere de ulike alternativene for bildeplassering på, er å plassere dem i et hav av ord. Ta en padleåre, så setter vi i gang.

Når det gjelder justering, bør det bemerkes at brukerne kan velge mellom følgende alternativer IngenVenstreDet stemmer, og Sentrum. I tillegg får de også muligheten til å MiniatyrbildeMiddelsStor & Full størrelse.

Image Alignment 580x300

Bildet over er tilfeldigvis sentrert.

Image Alignment 150x150Resten av dette avsnittet er fyllstoff for at du skal kunne se at teksten omslutter bildet på 150×150, som er venstrejustert

Som du ser, skal det være litt plass over, under og til høyre for bildet. Teksten skal ikke krype inn i bildet. Krypende tekst er ikke bra. Bilder trenger også pusterom. La dem snakke som dine ord. La dem gjøre jobben sin uten å bli forstyrret av teksten. Om en setning til ser vi at teksten beveger seg fra høyre side av bildet og ned under bildet i en sømløs overgang. Igjen lar vi teksten gjøre jobben sin. Oppdraget er utført!

Og nå til en enormt stort bilde. Den har også ingen justering.

Image Alignment 1200x400

Selv om bildet over er 1200 px bredt, skal det ikke overfylle innholdsområdet. Det skal ikke forstyrre innholdsflyten.

Image Alignment 300x200

Og nå skal vi gå over til å se nærmere på høyrejustert. Igjen bør det være rikelig med plass over, under og til venstre for bildet. Bare se på ham der... Hei! Du rocker den høyre siden. Jeg bryr meg ikke om hva det venstrejusterte bildet sier, du ser bra ut. Ikke la noen andre fortelle deg noe annet.

Om litt skal du se at teksten begynner å legge seg under det høyrejusterte bildet og legger seg fint til rette. Det skal fortsatt være god plass, og alt skal sitte pent. Ja... akkurat slik. Det har aldri føltes så godt å ha rett.

Og akkurat når du trodde vi var ferdige, gjør vi dem om igjen med bildetekster!

Image Alignment 580x300

Se på 580×300 som får litt bildetekst kjærlighet.

Bildet over er tilfeldigvis sentrert. Bildeteksten inneholder også en lenke, bare for å se om den gjør noe rart.

Image Alignment 150x150

En bitteliten bildetekst.

Resten av dette avsnittet er fyllstoff for at du skal kunne se at teksten omslutter bildet på 150×150, som er venstrejustert

Som du ser, skal det være litt plass over, under og til høyre for bildet. Teksten skal ikke krype inn i bildet. Krypende tekst er ikke bra. Bilder trenger også pusterom. La dem snakke som dine ord. La dem gjøre jobben sin uten å bli forstyrret av teksten. Om en setning til ser vi at teksten beveger seg fra høyre side av bildet og ned under bildet i en sømløs overgang. Igjen lar vi teksten gjøre jobben sin. Oppdraget er utført!

Og nå til en enormt stort bilde. Den har også ingen justering.

Image Alignment 1200x400

Massiv bildekommentar for øyeeplene dine.

Selv om bildet over er 1200 px bredt, skal det ikke overfylle innholdsområdet. Det skal ikke forstyrre innholdsflyten.

Image Alignment 300x200

Det føles godt å ha rett hele tiden.

Og nå skal vi gå over til å se nærmere på høyrejustert. Igjen bør det være rikelig med plass over, under og til venstre for bildet. Bare se på ham der... Hei! Du rocker den høyre siden. Jeg bryr meg ikke om hva det venstrejusterte bildet sier, du ser bra ut. Ikke la noen andre fortelle deg noe annet.

Om litt skal du se at teksten begynner å legge seg under det høyrejusterte bildet og legger seg fint til rette. Det skal fortsatt være god plass, og alt skal sitte pent. Ja... akkurat slik. Det har aldri føltes så godt å ha rett.

Og det var det! Du har overlevd justeringens turbulente farvann. Prestasjonen for bildejustering er låst opp!