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í