Vítejte u zarovnání obrázků! Nejlepším způsobem, jak demonstrovat příliv a odliv různých možností umístění obrázků, je umístit je do oceánu slov. Vezměte si pádlo a začněme.
K tématu zarovnání je třeba poznamenat, že uživatelé si mohou vybrat z možností Žádné, Vlevo, Vpravo, a Středisko. Kromě toho mají také možnost Miniatury, Střední, Velké & Plná velikost.
Výše uvedený obrázek je vycentrované.
Zbytek tohoto odstavce je výplňový, aby bylo vidět, jak se text obtéká kolem obrázku 150×150, který je. zarovnání vlevo.
Jak vidíte, nad, pod a vpravo od obrázku by měl být prostor. Text by se neměl do obrázku vplížit. Plížení prostě není správné. I obrázky potřebují prostor pro dýchání. Nechte je mluvit stejně jako vy slova. Nechte je dělat jejich práci bez jakéhokoli obtěžování textem. Ještě asi jedna věta zde, uvidíme, že se text přesune z pravé strany obrázku dolů pod obrázek v plynulém přechodu. Opět nechte text dělat svou práci. Mise splněna!
A nyní k masivně velký obrázek. Má také žádné zarovnání.
Výše uvedený obrázek, ačkoli je široký 1200px, by neměl přetékat přes oblast obsahu. Měl by zůstat uzavřený, aniž by viditelně narušoval tok obsahu.
A nyní se přesuneme k tématu správné zarovnání. Opět by měl být dostatek místa nad, pod a vlevo od obrázku. Jen se na něj podívejte... Hej, chlape! Takhle to na té pravé straně rozbalit. Je mi jedno, co říká obrázek zarovnaný vlevo, vypadáš skvěle. Ať ti nikdo neříká něco jiného.
Za chvíli byste měli vidět, že se text začíná obtékat pod pravým zarovnaným obrázkem a pěkně se usazuje. Stále by mělo být dost místa a vše by mělo být pěkně na svém místě. Ano... přesně tak. Ještě nikdy nebylo tak příjemné mít pravdu.
A když už jste si mysleli, že jsme skončili, uděláme je všechny znovu s titulky!
Výše uvedený obrázek je vycentrované. V nadpisu je také odkaz, jen abych zjistil, jestli to dělá něco divného.
Zbytek tohoto odstavce je výplňový, aby bylo vidět, jak se text obtéká kolem obrázku 150×150, který je. zarovnání vlevo.
Jak vidíte, nad, pod a vpravo od obrázku by měl být prostor. Text by se neměl do obrázku vplížit. Plížení prostě není správné. I obrázky potřebují prostor pro dýchání. Nechte je mluvit stejně jako vy slova. Nechte je dělat jejich práci bez jakéhokoli obtěžování textem. Ještě asi jedna věta zde, uvidíme, že se text přesune z pravé strany obrázku dolů pod obrázek v plynulém přechodu. Opět nechte text dělat svou práci. Mise splněna!
A nyní k masivně velký obrázek. Má také žádné zarovnání.
Výše uvedený obrázek, ačkoli je široký 1200px, by neměl přetékat přes oblast obsahu. Měl by zůstat uzavřený, aniž by viditelně narušoval tok obsahu.
A nyní se přesuneme k tématu správné zarovnání. Opět by měl být dostatek místa nad, pod a vlevo od obrázku. Jen se na něj podívejte... Hej, chlape! Takhle to na té pravé straně rozbalit. Je mi jedno, co říká obrázek zarovnaný vlevo, vypadáš skvěle. Ať ti nikdo neříká něco jiného.
Za chvíli byste měli vidět, že se text začíná obtékat pod pravým zarovnaným obrázkem a pěkně se usazuje. Stále by mělo být dost místa a vše by mělo být pěkně na svém místě. Ano... přesně tak. Ještě nikdy nebylo tak příjemné mít pravdu.
A to je vše! Přežili jste bouřlivé vody vyrovnávání. Úspěch zarovnání obrázků je odemčen!
PL 
EN 
DE 
FR 
IT 
NL 
ES 
PT 
CS 
SK 
LT