Jak na odsazení obrázku od textu

24. září 2012 v 14:56 | Standa |  Tipy
Nepravidelná rubrika Tipy přináší nový článek určený převážně začínajícím uživatelům.

Tentokrát jde o návod na to, jak docílit odsazení obrázku od textu, aby na sebe obojí nebylo v článku nevzhledně "nalepeno".


Vkládání obrázků do článků prošlo naposledy změnou v červenci 2011 (připomeňte si článek Nové galerie na blogu). Původní funkcionalita byla tehdy rozšířena o nové možnosti práce s obrázky, mezi nimiž je mimo jiné volba pro horizontální a vertikální odsazení obrázku.

Těch cizích slov se nemusíte nijak lekat. Obě hodnoty říkají pouze to, o kolik pixelů chcete mít obrázek odsazený od textu v článku na obě strany, teda vodorovně a svisle.

Ukážeme si to na dvou příkladech. V prvním vložíme do článku obrázek, aniž bychom nastavili nějaké odsazení, v druhém případě obrázek odsadíme na obou stranách o 15 pixelů. Snadno tak můžete porovnat, ve kterém případě bude obrázek v textu vypadat lépe.

--

1) Obrázek v textu bez nastaveného odsazení:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet est non risus vestibulum volutpat.


Duis condimentum tincidunt leo, id aliquet sapien porttitor non. In semper felis ut elit vestibulum vitae volutpat dolor interdum. Curabitur vitae diam tempus urna facilisis gravida.



2) Obrázek v textu s nastaveným odsazením 15 pixelů oběma směry:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet est non risus vestibulum volutpat.


Duis condimentum tincidunt leo, id aliquet sapien porttitor non. In semper felis ut elit vestibulum vitae volutpat dolor interdum. Curabitur vitae diam tempus urna facilisis gravida.

--

Celého "kouzla" dosáhnete tak, že v okně pro vložení nového obrázku do článku vyplníte nějakou hodnotu do následujících kolonek. 15 pixelů je tak akorát.


Voilà, takhle jednoduché to je.
 

7 lidí ohodnotilo tento článek.

Komentáře

1 Bleskoblesk Umeme Uma Bleskoblesk Umeme Uma | Web | 24. září 2012 v 15:07

Děkuji za radu :)

2 X X | Web | 24. září 2012 v 15:12

Děkuji =)

3 Dark Knight Dark Knight | 24. září 2012 v 15:20

Je to zajímavé :)

4 Dragell Dragell | Web | 24. září 2012 v 15:31

Také jsem na toto téma zaregistrovala více dotazů (protože odsazení používám) a vypracovala jsem návod :)

5 Black Blako Black Blako | E-mail | Web | 24. září 2012 v 15:52

Ešte som to nejak neskúsil no pri najbližšom písaní článku otestujem :)

6 Daysy Daysy | E-mail | Web | 24. září 2012 v 16:15

To se mi hodí, docela dlouho přemýšlím, jak to udělat a to by mě nenapadlo.

7 Sába Sába | Web | 24. září 2012 v 16:52

Já odsazování článků používám. Obrázky v tom článku vypadají pak mnohem lépe než když je text nalepený hned u obrázku. :-)

8 ~ Avαηtis ~ Avαηtis | E-mail | Web | 24. září 2012 v 16:58

Já ani netušila, že něco takového jde :D Vždy jsem to prázdne místečko dodělala v grafickom editore :)

9 Wulfric Wulfric | E-mail | Web | 24. září 2012 v 17:46

Skvělý tip, ihned vyzkouším :)

10 Miloš Miloš | Web | 24. září 2012 v 18:07

Zdá se mně, že 15 bodů je hodně, používám jen 5. Nešikovné je ale, že odsazení se promítne na obě strany. Např. u horizontálního odsazení by při levostranném zarovnání stačilo odsazení pouze na pravé straně.

11 m. m. | Web | 24. září 2012 v 18:11

[10]: Naprostý souhlas. Nepotřebuju mít obrázek odsazený od okraje, jen od textu. Hodila by se možnost odsazovat zleva, zprava, zezdola, zeshora... samozřejmě si to můžu udělat v html, ale mít na to tlačítko by bylo příjemnější.

12 Gabriel Dantes Decay Gabriel Dantes Decay | Web | 24. září 2012 v 18:24

Tohle je opravdu šikovná rada

13 Beatricia Beatricia | Web | 24. září 2012 v 19:03

Tento návod jsem uvítala a použiju ho. :-)

14 Bonitka ◡‿◡✿ Bonitka ◡‿◡✿ | Web | 24. září 2012 v 19:47

Pekný návod,no mne to stačí zarovnať na ľavo a text ptm na stred aby to malo takýto efekt :)

15 Vaše Angela Vaše Angela | E-mail | Web | 24. září 2012 v 20:20

Zajímavý návod, někdy ho určitě zkusím využít :-)

16 David David | E-mail | Web | 24. září 2012 v 21:07

Super! Sice nejsem nějaký začátečník, ale v tomhle asi jo. :-D

17 Alue Alue | E-mail | Web | 25. září 2012 v 10:02

Dřív to bylo odsazené automaticky, to bylo lepší....

18 Ducii Ducii | Web | 25. září 2012 v 11:28

Vždycky dávám dva - v editoru to vypadá ok, v článku pak jak když tam nic není. Zkusím tedy více;-)

19 Em Age Em Age | E-mail | Web | 25. září 2012 v 15:42

No jo, to mě nenapadlo. :-D

20 Iccawe Iccawe | Web | 27. září 2012 v 23:19

Jé, to ani nevím, že to jde. :D Asi jsem kejsla vážně dlouho pryč. XD

Komentáře jsou uzavřeny.


Aktuální články

Reklama