Zalamování písma okolo obrázků

S využitím tabulek můžete získat pevnou kontrolu nad způsobem, jak budou uvnitř textu stránky rozmístěny obrázky. Tuto techniku využijete k:
Vytváření mnohem zajímavějších provedení. Integrací písma a obrázků dosáhnete vzhledu časopisových úvodníků.

Zvolte nebo vytvořte obrázek,
který bude na stránce.

Vytvořte tabulku,
která vytvoří strukturu stránky. V prvním řádku tabulky definujte šířky všech sloupců tabulky. Vytvořte mezerující řádky a sloupce. Zobrazte okraj tabulky (border=1) a do prázdných tabulkových buňek kromě prvního řádku vložte nedělitelnou mezeru  .

     
       
     

Vložte text
do textových sloupců tabulky. Odstraňte nedělitelné mezery a nahraďte je vaším textem. Obrázek můžete umístit na pozadí tabulky a do buňky tabulky umístit popis obrázku.

  Jak krásné místo. Vidíte majestátní kupoli Dómu s Giottovou zvonicí a kapli Svatého Ducha? Ani byste neřekli, že mezi těmito překrásnými architektonickými skvosty protéká řeka Arno. A teď již víte, o které město se jedná, viďte?

  Jak krásné místo. Vidíte majestátní kupoli Dómu s Giottovou zvonicí a kapli Svatého Ducha? Ani byste neřekli, že mezi těmito překrásnými architektonickými skvosty protéká řeka Arno. A teď již víte, o které město se jedná, viďte?

  Jak krásné místo. Vidíte majestátní kupoli Dómu s Giottovou zvonicí a kapli Svatého Ducha? Ani byste neřekli, že mezi těmito překrásnými architektonickými skvosty protéká řeka Arno. A teď již víte, o které město se jedná, viďte? Nevíte? Tak už konečně zapněte své zlenivělé mozky! Pořád nic? Na obrázku je to napsané!


Firenze   

  Jak krásné místo. Vidíte majestátní kupoli Dómu s Giottovou zvonicí a kapli Svatého Ducha? Ani byste neřekli, že mezi těmito překrásnými architektonickými skvosty protéká řeka Arno. A teď již víte, o které město se jedná, viďte? Nevíte? Tak už konečně zapněte své zlenivělé mozky! Pořád nic? Na obrázku je to napsané!

  Jak krásné místo. Vidíte majestátní kupoli Dómu s Giottovou zvonicí a kapli Svatého Ducha? Ani byste neřekli, že mezi těmito překrásnými architektonickými skvosty protéká řeka Arno. A teď již víte, o které město se jedná, viďte?

  Jak krásné místo. Vidíte majestátní kupoli Dómu s Giottovou zvonicí a kapli Svatého Ducha? Ani byste neřekli, že mezi těmito překrásnými architektonickými skvosty protéká řeka Arno. A teď již víte, o které město se jedná, viďte?

Odstraňte okraje tabulky i obrázků
A zde je výsledek vašeho snažení.

  Jak krásné místo. Vidíte majestátní kupoli Dómu s Giottovou zvonicí a kapli Svatého Ducha? Ani byste neřekli, že mezi těmito překrásnými architektonickými skvosty protéká řeka Arno. A teď již víte, o které město se jedná, viďte?

  Jak krásné místo. Vidíte majestátní kupoli Dómu s Giottovou zvonicí a kapli Svatého Ducha? Ani byste neřekli, že mezi těmito překrásnými architektonickými skvosty protéká řeka Arno. A teď již víte, o které město se jedná, viďte?

  Jak krásné místo. Vidíte majestátní kupoli Dómu s Giottovou zvonicí a kapli Svatého Ducha? Ani byste neřekli, že mezi těmito překrásnými architektonickými skvosty protéká řeka Arno. A teď již víte, o které město se jedná, viďte? Nevíte? Tak už konečně zapněte své zlenivělé mozky! Pořád nic? Na obrázku je to napsané!


Firenze   

  Jak krásné místo. Vidíte majestátní kupoli Dómu s Giottovou zvonicí a kapli Svatého Ducha? Ani byste neřekli, že mezi těmito překrásnými architektonickými skvosty protéká řeka Arno. A teď již víte, o které město se jedná, viďte? Nevíte? Tak už konečně zapněte své zlenivělé mozky! Pořád nic? Na obrázku je to napsané!

  Jak krásné místo. Vidíte majestátní kupoli Dómu s Giottovou zvonicí a kapli Svatého Ducha? Ani byste neřekli, že mezi těmito překrásnými architektonickými skvosty protéká řeka Arno. A teď již víte, o které město se jedná, viďte?

  Jak krásné místo. Vidíte majestátní kupoli Dómu s Giottovou zvonicí a kapli Svatého Ducha? Ani byste neřekli, že mezi těmito překrásnými architektonickými skvosty protéká řeka Arno. A teď již víte, o které město se jedná, viďte?

Příklad:
< TABLE border=0 width=694 cellspacing=0 
cellpadding=0 bgcolor=#FFEBC1>
< TR>< TD width=200>< /TD>< TD width=10>< /TD>
< TD width=132>< /TD>< TD width=10>< /TD>
< TD width=132>< /TD>< TD width=10>< /TD>
< TD wisth=200>< /TD>< /TR>
< TR>< TD width=342 colspan=3>Firenze je Florencie ... < /TD>
< TD width=10>< /TD>
< TD width=342 colspan=3>Firenze je Florencie ... < /TD>
< TR>< TD width=694 colspan=7>
< img src="1x1.gif" width=1 height=5>
< /TD>< /TR>
< TR>< TD width=200 >Firenze je Florencie ... < /TD>
< TD width=10>< /TD>
< TD width=274 height=225 colspan=3 
background="veze1.jpg" valign=top ALIGN=RIGHT>
< FONT COLOR="WHITE" face="Arial">Firenze&nbsp;&nbsp;
< /FONT>< /TD>< TD width=10>< /TD>
< TD width=200 >Firenze je Florencie ... < /TD>< /TR>
< TR>< TD width=694 colspan=7>
< img src="1x1.gif" width=1 height=5>< /TD>< /TR>
< TR>< TD width=342 colspan=3>Firenze je Florencie ... 
< /TD>< TD width=10>< /TD>
< TD width=342 colspan=3 >Firenze je Florencie ... 
< /TD>< /TR>< TR>< TD width=694 colspan=7>
< /TD>< /TR>< /TABLE>
Takhle to vypadá Začátek
Další
Předchozí