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 .
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í