Vnořované tabulky

Vnořování tabulek se v podstatě nazývá akt umístění jedné tabulky do druhé. Při vzájemném vkládání tabulek, umístěte novou tabulku mezi tagy < TD > < /TD > jiné tabulky. Tuto techniku využijete k:
Dosažení úplného ovládnutí rozmisťování obrázků a textu. Vnořováním můžete vytvořit strukturovaná "ložiska" informací uvnitř tabulkových buněk.
Vytvoření vícesloupcové ohraničené struktury. Navrhněte ohraničení kombinací buněk s barevným pozadím a vnořovaných tabulek.
Vnořované tabulky:

Vytvořte vnější tabulku, ponechte viditelné obrysy buněk. Do buněk pro ohraničení vložte mezerující gif 1x1.

Zaplňte vnitřní buňky tabulky jednou tabulkou nebo více tabulkami.

Odstraňte ohraničení buněk tabulky.

Příklad:
< TABLE width=620 border=0 
cellpadding=0 cellspacing=0 bgcolor=black>
< TR>< TD colspan=3 width=620 height=10>
< IMG src="1x1.gif" height=1 width=1 >< /TD>< /TR>< TR>
< TD width=10>< IMG src="1x1.gif" height=1 width=1 >< /TD>
< TD width=600 height=75>
  < TABLE width=600 height=75 border=0 
  cellpadding=0 cellspacing=0 >  < TR>
  < TD width=75 height=75 bgcolor=lightskyblue>
  < IMG src="1x1.gif" height=1 width=1 >< /TD>
  < TD width=75 height=75 bgcolor=papayawhip>
  < IMG src="1x1.gif" height=1 width=1 >< /TD>
  < TD width=75 height=75 bgcolor=lightskyblue>
  < IMG src="1x1.gif" height=1 width=1 >< /TD>
  < TD width=75 height=75 bgcolor=papayawhip>
  < IMG src="1x1.gif" height=1 width=1 >< /TD>
  < TD width=75 height=75 bgcolor=lightskyblue>
  < IMG src="1x1.gif" height=1 width=1 >< /TD>
  < TD width=75 height=75 bgcolor=papayawhip>
  < IMG src="1x1.gif" height=1 width=1 >< /TD>
  < TD width=75 height=75 bgcolor=lightskyblue>
  < IMG src="1x1.gif" height=1 width=1 >< /TD>
  < TD width=75 height=75 bgcolor=papayawhip>
  < IMG src="1x1.gif" height=1 width=1 >< /TD>
  < /TR>< /TABLE>
< TD width=10>< IMG src="1x1.gif" height=1 width=1 >< /TD>
< /TR>< TR>
< TD colspan=3 width=620 height=10>< IMG src="1x1.gif" 
height=1 width=1 >< /TD>
< /TR>< /TABLE>
Takhle to vypadá Začátek
Další
Předchozí