Tervetuloa kuvien kohdistamiseen! Paras tapa havainnollistaa eri kuvien sijoitteluvaihtoehtoja on sijoittaa ne mukavasti sanojen valtameren keskelle. Tartu melaan ja aloitetaan.

Kohdistamisen osalta on huomattava, että käyttäjät voivat valita seuraavista vaihtoehdoista Ei oleVasenAivan, ja Keskusta. Lisäksi he saavat myös seuraavat vaihtoehdot PienoiskuvaMediumSuuri & Fullsize.

Image Alignment 580x300

Yllä oleva kuva sattuu olemaan keskitetty.

Image Alignment 150x150Loppuosa tästä kappaleesta on täytettä, jotta näemme tekstin kiertyvän 150×150-kokoisen kuvan ympärille, joka on vasemmalle tasattu

Kuten näet, kuvan ylä-, alapuolella ja oikealla puolella pitäisi olla tilaa. Tekstin ei pitäisi hiipiä kuvan päälle. Hiipiminen ei ole oikein. Myös kuvat tarvitsevat tilaa hengittää. Anna niiden puhua kuten sanojenkin. Anna niiden tehdä työnsä ilman, että teksti häiritsee niitä. Vielä noin yhden lauseen verran tässä, niin näemme, että teksti siirtyy kuvan oikealta puolelta saumattomasti kuvan alle. Jälleen kerran, annamme tekstin tehdä työnsä. Tehtävä suoritettu!

Ja nyt massiivisen suuri kuva. Se on myös ei kohdistusta.

Image Alignment 1200x400

Vaikka yllä oleva kuva on 1200 pikseliä leveä, sen ei pitäisi ylittää sisältöaluetta. Sen pitäisi pysyä sisällössä ilman näkyviä häiriöitä sisällön kulussa.

Image Alignment 300x200

Ja nyt siirrymme käsittelemään asioita kohdista oikealle. Kuvan yläpuolella, alapuolella ja vasemmalla puolella on oltava runsaasti tilaa. Katsokaa häntä tuolla... Hei kaveri! Tapa rokata tuota oikeaa puolta. En välitä mitä vasemmalle kohdistettu kuva sanoo, näytät hyvältä. Älä anna kenenkään muun väittää muuta.

Hetken kuluttua tekstin pitäisi alkaa kiertyä oikealle tasatun kuvan alle ja asettua kauniisti. Tilaa pitäisi olla vielä runsaasti, ja kaiken pitäisi istua kauniisti. Joo... Juuri noin. Ei ole koskaan tuntunut näin hyvältä olla oikeassa.

Ja juuri kun luulit, että olemme valmiita, teemme ne kaikki uudelleen kuvatekstien kera!

Image Alignment 580x300

Katsokaa 580×300 saada joitakin kuvateksti rakkaus.

Yllä oleva kuva sattuu olemaan keskitetty. Kuvatekstissä on myös linkki, jotta nähdään, tekeekö se jotain outoa.

Image Alignment 150x150

Pikkuruinen kuvateksti.

Loppuosa tästä kappaleesta on täytettä, jotta näemme tekstin kiertyvän 150×150-kokoisen kuvan ympärille, joka on vasemmalle tasattu

Kuten näet, kuvan ylä-, alapuolella ja oikealla puolella pitäisi olla tilaa. Tekstin ei pitäisi hiipiä kuvan päälle. Hiipiminen ei ole oikein. Myös kuvat tarvitsevat tilaa hengittää. Anna niiden puhua kuten sanojenkin. Anna niiden tehdä työnsä ilman, että teksti häiritsee niitä. Vielä noin yhden lauseen verran tässä, niin näemme, että teksti siirtyy kuvan oikealta puolelta saumattomasti kuvan alle. Jälleen kerran, annamme tekstin tehdä työnsä. Tehtävä suoritettu!

Ja nyt massiivisen suuri kuva. Se on myös ei kohdistusta.

Image Alignment 1200x400

Massiivinen kuvakommentti silmämunille.

Vaikka yllä oleva kuva on 1200 pikseliä leveä, sen ei pitäisi ylittää sisältöaluetta. Sen pitäisi pysyä sisällössä ilman näkyviä häiriöitä sisällön kulussa.

Image Alignment 300x200

Tuntuu hyvältä olla koko ajan oikeassa.

Ja nyt siirrymme käsittelemään asioita kohdista oikealle. Kuvan yläpuolella, alapuolella ja vasemmalla puolella on oltava runsaasti tilaa. Katsokaa häntä tuolla... Hei kaveri! Tapa rokata tuota oikeaa puolta. En välitä mitä vasemmalle kohdistettu kuva sanoo, näytät hyvältä. Älä anna kenenkään muun väittää muuta.

Hetken kuluttua tekstin pitäisi alkaa kiertyä oikealle tasatun kuvan alle ja asettua kauniisti. Tilaa pitäisi olla vielä runsaasti, ja kaiken pitäisi istua kauniisti. Joo... Juuri noin. Ei ole koskaan tuntunut näin hyvältä olla oikeassa.

Ja se on paketissa, yo! Selvisit yhdenmukaistamisen myrskyisistä vesistä. Kuvan kohdistus saavutus avattu!