ohraniΦenφ tabulky

Tabulky samoz°ejm∞ nemusφ obsahovat pouze text. Mnoho kvalitnφch strßnek vzniklo uspo°ßdßnφm sv²ch objekt∙ do velk²ch a komplexnφch celostrßnkov²ch tabulek. Jen₧e to u₧ u₧ivatel nepoznß - jejich hranice jsou toti₧ neviditelnΘ (rozum∞j nulovΘ Üφ°ky). Tuto Üφ°ku ohraniΦenφ tabulky a jednotliv²ch bu≥ek upravujete atributem BORDER v tagu <TABLE>. Hodnota atributu udßvß Üφ°ku Φßry (hranice) v pixelech.

Tabulku orßmovanou dvou-pixelovou hranicφ vytvo°φte p°idßnφm atributu BORDER="2" k tagu <TABLE>. Chcete-li hranice zneviditelnit pro u₧ivatele nastavte atribut BORDER roven 0. (AΦkoliv hodnota 0 je v²chozφ pro v∞tÜinu prohlφ₧eΦ∙, jejφm urΦenφm mßte jistotu, ₧e hranice bude opravdu nulovß ve vÜech browserech.)

Uvßdφme dva p°φklady, jak to m∙₧e dopadnout. Zdrojov² k≤d prvnφ tabulky urΦuje dvou-pixelovou hranici, dalÜφ tabulka je pak zcela bez ohraniΦenφ (neviditelnß hranice):

<TABLE BORDER="2"> <TR> <TD>NaÜe produkty</TD> <TD><IMG SRC="duck.gif"></TD> </TR> <TR> <TD>N∞co mßlo o nßs</TD> <TD><IMG SRC="eye.gif"></TD> </TR> </TABLE>

NaÜe produkty N∞co mßlo o nßs

<TABLE BORDER="0"> <TR> <TD>NaÜe produkty</TD> <TD><IMG SRC="duck.gif"></TD> </TR> <TR> <TD>N∞co mßlo o nßs</TD> <TD><IMG SRC="eye.gif"></TD> </TR> </TABLE>

NaÜe produkty N∞co mßlo o nßs

Tip: dokud tabulku tvo°φte, pou₧φvejte viditelnΘ ohraniΦenφ. Usnadnφte si tφm prßci a lΘpe zjistφte p°φpadnΘ chyby v tabulce. Jakmile je vÜak vÜe na sprßvnΘm mφst∞, ohraniΦenφ zruÜte (BORDER="0").