Markup: Billedjustering
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.
Billedet ovenfor tilfældigvis er centreret.
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.
Billedet ovenfor, dog 1200px bredt, bør ikke overløbe indholdsområdet. Det skal forblive indeholdt uden synlig forstyrrelse af strømmen af indhold.
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!
Billedet ovenfor tilfældigvis er centreret. Billedteksten har også et link i sig, bare for at se om det gør noget funky.
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.
Billedet ovenfor, dog 1200px bredt, bør ikke overløbe indholdsområdet. Det skal forblive indeholdt uden synlig forstyrrelse af strømmen af indhold.
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!