Odrážkované seznamy

Efektnější odrážkované a číslované seznamy vytvoříme za pomoci tabulek. Tuto techniku využijete k:
Navržení atraktivních seznamů. Místo použití běžných úvodních symbolů odrážek si sami vytvořte malé obrázky, které použije jako odrážky.
Překročení omezení dané značkami < UL> a < OL>. Nejenom, že HTML seznamy zabírají příliš mnoho místa, ale současně nabízejí velmi malé možnosti úprav.

Vytvořte obrázky,
které použijete jako odrážky nebo čísla. Například

Vytvořte tabulku,
která vytvoří strukturu seznamu. Zobrazte okraj tabulky (border=1) a do prázdných tabulkových buňek vložte nedělitelnou mezeru &nbsp;.

  
  
  

Vložte text a odrážky
do jednotlivých sloupců tabulky. Odstraňte nedělitelné mezery a nahraďte je odrážkami a vaším textem.

Blikající odrážky.
Jsou to animované GIFy
vytvořené v mém oblíbeném grafickém editoru
Paint Shop Pro a Animation Shop.

Obyčejné odrážky.
Jsou to GIFy
vytvořené v mém oblíbeném grafickém editoru Paint Shop Pro.

Odstraňte okraje tabulky i obrázků
a tabulku podle svého upravte.

Blikající odrážky.
Jsou to animované GIFy
vytvořené v mém oblíbeném grafickém editoru
Paint Shop Pro a Animation Shop.

Obyčejné odrážky.
Jsou to GIFy
vytvořené v mém oblíbeném grafickém editoru Paint Shop Pro.

Obyčejné odrážky.
Jsou to GIFy
vytvořené v mém oblíbeném grafickém editoru Paint Shop Pro.

Obyčejné odrážky.
Jsou to GIFy
vytvořené v mém oblíbeném grafickém editoru Paint Shop Pro.

Příklad:
< TABLE  border=1 width=60% cellspacing=2 cellpadding=2 
bgcolor=#FFE4BE bordercolor=#FFD3CD bordercolordark=#FFE4BE>
< TR>< TD width=20 valign=top>
< IMG src="odd.jpg" width=20 height=20 border=0>< /TD>
< TD>< FONT size=-1>Obyčejné odrážky.< /FONT>< /TD>< /TR>
< TR>< TD width=20 valign=top>
< IMG src="odd.jpg" width=20 height=20 border=0>< /TD>
< TD>< FONT size=-1>Jsou to GIFy< /FONT>< /TD>< /TR>
< TR>< TD width=20 valign=top>
< IMG src="odd.jpg" width=20 height=20 border=0>< /TD>
< TD>< FONT size=-1>vytvořenév mém oblíbeném grafickém 
editoru Paint Shop Pro.< /FONT>< /TD>< /TR>< /TABLE>
Takhle to vypadá Začátek
Další
Předchozí