Jeg er værd at elske Tapet

Markup: Billedjustering

januar 10, 2013 ingen kommentarer Adam_Goodman Kategorier Klassisk, MarkupMærker , , , , ,

Velkommen til billedjustering! Den bedste måde at demonstrere ebbe og flow på de forskellige billedpositioneringsmuligheder er at sætte dem tæt på et hav af ord. Grib en padle, og lad os komme i gang.

Om emnet tilpasning, det skal bemærkes, at brugerne kan vælge mellem indstillingerne for Ingen, Venstre, Ret, og Centrum. Ud over, de får også mulighederne for Miniaturebillede, Medium, Stor & Fuld størrelse.

Image Alignment 580x300

Billedet ovenfor tilfældigvis er centreret.

Image Alignment 150x150Resten af ​​dette afsnit er fyldstof for at se teksten vikle sig omkring 150×150 billede, som er venstrejusteret.

Som du kan se, skal der være plads ovenfor, under, og til højre for billedet. Teksten bør ikke krybe ind i billedet. Krybning er bare ikke rigtigt. Billeder har også brug for vejrtrækning. Lad dem tale som dine ord. Lad dem udføre deres job uden besvær fra teksten. Omkring endnu en sætning her, vi ser, at teksten bevæger sig fra højre for billedet ned under billedet i problemfri overgang. Igen, lade det gøre det thang. Mission fuldført!

Og nu for en massivt stort billede. Det har også ingen justering.

Image Alignment 1200x400

Billedet ovenfor, dog 1200px bredt, bør ikke overløbe indholdsområdet. Det skal forblive indeholdt uden synlig forstyrrelse af strømmen af ​​indhold.

Image Alignment 300x200

Og nu vil vi flytte tingene til højre justering. Igen, der skal være masser af plads over, under, og til venstre for billedet. Se bare på ham der… Hej fyr! Måde at rocke den højre side. Jeg er ligeglad med, hvad det venstrejusterede billede siger, du ser godt ud. Lad ikke andre fortælle dig anderledes.

Bare lidt her, du skulle se teksten begynde at pakke under det højrejusterede billede og slå sig godt ind. Der skal stadig være masser af plads, og alt skal sidde smukt. Ja… Bare sådan. Det føltes aldrig så godt at have ret.

Og lige da du troede, vi var færdige, vi gør dem igen med billedtekster!

Image Alignment 580x300
Se på 580×300 at få noget billedtekst kærlighed.

Billedet ovenfor tilfældigvis er centreret. Billedteksten har også et link i sig, bare for at se om det gør noget funky.

Image Alignment 150x150
Itty-bitty billedtekst.

Resten af ​​dette afsnit er fyldstof for at se teksten vikle sig omkring 150×150 billede, som er venstrejusteret.

Som du kan se, skal der være plads ovenfor, under, og til højre for billedet. Teksten bør ikke krybe ind i billedet. Krybning er bare ikke rigtigt. Billeder har også brug for vejrtrækning. Lad dem tale som dine ord. Lad dem udføre deres job uden besvær fra teksten. Omkring endnu en sætning her, vi ser, at teksten bevæger sig fra højre for billedet ned under billedet i problemfri overgang. Igen, lade det gøre det thang. Mission fuldført!

Og nu for en massivt stort billede. Det har også ingen justering.

Image Alignment 1200x400
Massiv billedkommentar til dine øjenkugler.

Billedet ovenfor, dog 1200px bredt, bør ikke overløbe indholdsområdet. Det skal forblive indeholdt uden synlig forstyrrelse af strømmen af ​​indhold.

Image Alignment 300x200
Føles godt at have ret hele tiden.

Og nu vil vi flytte tingene til højre justering. Igen, der skal være masser af plads over, under, og til venstre for billedet. Se bare på ham der… Hej fyr! Måde at rocke den højre side. Jeg er ligeglad med, hvad det venstrejusterede billede siger, du ser godt ud. Lad ikke andre fortælle dig anderledes.

Bare lidt her, du skulle se teksten begynde at pakke under det højrejusterede billede og slå sig godt ind. Der skal stadig være masser af plads, og alt skal sidde smukt. Ja… Bare sådan. Det føltes aldrig så godt at have ret.

Og det er en wrap, jeg! Du overlevede det tumultende farvande ved tilpasningen. Billedjusteringspræstation ulåst!