spojovßnφ bun∞k

AΦkoliv vßm HTML nedovolφ rozmφs¥ovat obsah tabulky kdekoliv v pomyslnΘ m°φ₧ce tabulky, m∙₧ete tento nedostatek obejφt pou₧itφm atribut∙ ROWSPAN a COLSPAN tagu <TD>. Tak m∙₧ete jednu bu≥ku vytvo°it spojenφm n∞kolika jin²ch. JednoduÜe jen udßte jako parametr poΦet bu≥ek, kterΘ spojujete.

Nßsledujφcφ tabulka mß zpoΦßtku dva °ßdky a t°i sloupce:

<TABLE BORDER="2"> <TR> <TD>Obsah bu≥ky</TD> <TD>Obsah bu≥ky</TD> <TD>Obsah bu≥ky</TD> </TR> <TR> <TD>Obsah bu≥ky</TD> <TD>Obsah bu≥ky</TD> <TD>Obsah bu≥ky</TD> </TR> </TABLE>

Obsah bu≥ky Obsah bu≥ky Obsah bu≥ky Obsah bu≥ky Obsah bu≥ky Obsah bu≥ky

Ne tak u₧ zde. V tomto p°φpad∞ jsme spojili t°i bu≥ky, v prvnφm °ßdku, do jedinΘ p°idßnφm atributu COLSPAN="3" do tagu <TD> a smazßnφm dalÜφch dvou <TD> ve stejnΘm °ßdku tabulky:

<TABLE BORDER="2"> <TR> <TD COLSPAN="3">Obsah bu≥ky</TD> </TR> <TR> <TD>Obsah bu≥ky</TD> <TD>Obsah bu≥ky</TD> <TD>Obsah bu≥ky</TD> </TR> </TABLE>

Obsah bu≥ky Obsah bu≥ky Obsah bu≥ky Obsah bu≥ky

Podobn∞ nynφ spojφme dva °ßdky do jedinΘho sloupce. P°idali jsme tentokrßt atribut ROWSPAN="2" do tagu <TD> a umazali jsme prvnφ tag <TD> z druhΘho °ßdku:

<TABLE BORDER="2"> <TR> <TD ROWSPAN="2">Obsah bu≥ky</TD> <TD>Obsah bu≥ky</TD> <TD>Obsah bu≥ky</TD> </TR> <TR> <TD>Obsah bu≥ky</TD> <TD>Obsah bu≥ky</TD> </TR> </TABLE>

Obsah bu≥ky Obsah bu≥ky Obsah bu≥ky Obsah bu≥ky Obsah bu≥ky

Spojovßnφm bu≥ek v tabulce m∙₧ete samoz°ejm∞ zφskat jeÜt∞ bizardn∞jÜφ ·tvary. DoporuΦujeme si vÜak nap°ed v²slednou tabulku naΦrtnout na papφr a pak teprve se pustit do krkolomn²ch ·prav. A jeÜt∞ jedna v∞c: pokud se vßm to nepoda°φ napoprvΘ nezoufejte, dob°e si vÜe promyslete a pus¥te se do tabulky znovu s Φist²m Ütφtem. Je to obvykle snazÜφ ne₧ hledat chyb∞jφcφ tag v rozsßhlΘ a nep°ehlednΘ tabulce.