Označovanie: Zarovnanie obrázkov

Vitajte pri zarovnávaní obrázkov! Najlepší spôsob, ako demonštrovať príliv a odliv rôznych možností umiestnenia obrázkov, je vtesnať ich do oceánu slov. Vezmite si pádlo a začnime.

Pokiaľ ide o zarovnanie, je potrebné poznamenať, že používatelia si môžu vybrať z možností ŽiadneVľavoVpravo, Stredisko. Okrem toho majú možnosť MiniatúryStrednéVeľké & Plná veľkosť.

Vyrovnanie obrazu 580x300

Vyššie uvedený obrázok je vycentrované.

Vyrovnanie obrazu 150x150Zvyšok tohto odseku je výplň, aby bolo vidieť, ako sa text obtáča okolo obrázka 150 × 150, ktorý je zarovnané doľava.

Ako vidíte, nad, pod a vpravo od obrázka by mal byť určitý priestor. Text by nemal byť na obrázku. Plížiaci sa text nie je správny. Aj obrázky potrebujú priestor na dýchanie. Nechajte ich hovoriť rovnako ako vy slová. Nechajte ich robiť svoju prácu bez toho, aby ich text rušil. Približne v jednej ďalšej vete tu uvidíme, že text sa plynulým prechodom presúva z pravej strany obrázka dole pod obrázok. Opäť nechajte text robiť svoju prácu. Misia splnená!

A teraz pre masívne veľký obrázok. Má tiež žiadne zarovnanie.

Vyrovnanie obrazu 1200x400

Uvedený obrázok, hoci je široký 1200px, by nemal prekrývať oblasť obsahu. Mal by zostať v obsahu bez viditeľného narušenia toku obsahu.

Vyrovnanie obrazu 300x200

A teraz sa presunieme na správne zarovnanie. Opäť by malo byť dostatok miesta nad, pod a naľavo od obrázka. Len sa naňho pozrite... Hej, chlapče! Spôsob, ako roztočiť tú pravú stranu. Je mi jedno, čo hovorí obrázok zarovnaný naľavo, vyzeráš skvele. Nedovoľte, aby vám niekto iný povedal niečo iné.

O chvíľu by ste mali vidieť, ako sa text začne obtáčať pod obrázkom zarovnaným doprava a pekne sa usadí. Stále by tam malo byť dosť miesta a všetko by malo byť pekne umiestnené. Áno... presne tak. Ešte nikdy nebolo také príjemné mať pravdu.

A keď ste si mysleli, že sme skončili, urobíme ich ešte raz s titulkami!

Vyrovnanie obrazu 580x300
Pozrite sa na 580×300 a získajte niekoľko titulok láska.

Vyššie uvedený obrázok je vycentrované. V nadpise je aj odkaz, len aby som zistil, či to robí niečo čudné.

Vyrovnanie obrazu 150x150
Malinký nadpis.

Zvyšok tohto odseku je výplň, aby bolo vidieť, ako sa text obtáča okolo obrázka 150 × 150, ktorý je zarovnané doľava.

Ako vidíte, nad, pod a vpravo od obrázka by mal byť určitý priestor. Text by nemal byť na obrázku. Plížiaci sa text nie je správny. Aj obrázky potrebujú priestor na dýchanie. Nechajte ich hovoriť rovnako ako vy slová. Nechajte ich robiť svoju prácu bez toho, aby ich text rušil. Približne v jednej ďalšej vete tu uvidíme, že text sa plynulým prechodom presúva z pravej strany obrázka dole pod obrázok. Opäť nechajte text robiť svoju prácu. Misia splnená!

A teraz pre masívne veľký obrázok. Má tiež žiadne zarovnanie.

Vyrovnanie obrazu 1200x400
Obrovský komentár k obrázku pre vaše očné buľvy.

Uvedený obrázok, hoci je široký 1200px, by nemal prekrývať oblasť obsahu. Mal by zostať v obsahu bez viditeľného narušenia toku obsahu.

Vyrovnanie obrazu 300x200
Je príjemné mať stále pravdu.

A teraz sa presunieme na správne zarovnanie. Opäť by malo byť dostatok miesta nad, pod a naľavo od obrázka. Len sa naňho pozrite... Hej, chlapče! Spôsob, ako roztočiť tú pravú stranu. Je mi jedno, čo hovorí obrázok zarovnaný naľavo, vyzeráš skvele. Nedovoľte, aby vám niekto iný povedal niečo iné.

O chvíľu by ste mali vidieť, ako sa text začne obtáčať pod obrázkom zarovnaným doprava a pekne sa usadí. Stále by tam malo byť dosť miesta a všetko by malo byť pekne umiestnené. Áno... presne tak. Ešte nikdy nebolo také príjemné mať pravdu.

A to je všetko! Prežili ste búrlivé vody vyrovnávania. Úspech zarovnania obrázkov je odomknutý!