Creating "Buttons" with Nested Tables

(beginner)


intermediate
     


Here is the code to create the effect below: (NOTE: for greater clarity when writing this code, indent each nested table from the preceding one! Please refer to the example on page 61 in your book for an illustration).

link 1
link 2
link 3

<TABLE WIDTH="120" BORDER="0" CELLSPACING="7" CELLPADDING="1" ALIGN="CENTER" BGCOLOR="#000000">
<TR>
<TD>
<TABLE WIDTH="150" BORDER="0" CELLSPACING="4" CELLPADDING="2" ALIGN="CENTER" >
<TR BGCOLOR="#9900FF" ALIGN="CENTER">
<TD >
<TABLE WIDTH="98%" BORDER="0" CELLSPACING="0" CELLPADDING="2" BGCOLOR="#CC00FF">
<TR ALIGN="CENTER">
<TD>
<TABLE WIDTH="98%" BORDER="0" CELLSPACING="0" CELLPADDING="2" BGCOLOR="#FF66FF">
<TR ALIGN="CENTER" VALIGN="MIDDLE">
<TD>
<TABLE WIDTH="98%" BORDER="0" CELLSPACING="0" CELLPADDING="2" BGCOLOR="#CCCCFF">
<TR VALIGN="MIDDLE" ALIGN="CENTER">
<TD><B><FONT FACE="Verdana, Arial, Helvetica, sans-serif" SIZE="2" COLOR="#660000">link
1</FONT></B></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</TD>
</TR>
<TR ALIGN="CENTER" BGCOLOR="#CCFFCC">
<TD>
<TABLE WIDTH="98%" BORDER="0" CELLSPACING="0" CELLPADDING="1" BGCOLOR="#009900">
<TR ALIGN="CENTER">
<TD BGCOLOR="#CCCCCC">
<TABLE WIDTH="98%" BORDER="0" CELLSPACING="0" CELLPADDING="1" BGCOLOR="#00CC00">
<TR ALIGN="CENTER" VALIGN="MIDDLE">
<TD BGCOLOR="#CCCCCC">
<TABLE WIDTH="98%" BORDER="0" CELLSPACING="0" CELLPADDING="1" BGCOLOR="#CCFF00">
<TR VALIGN="MIDDLE" ALIGN="CENTER">
<TD><B><FONT FACE="Verdana, Arial, Helvetica, sans-serif" SIZE="2" COLOR="#660000">link
2</FONT></B></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</TD>
</TR>
<TR ALIGN="CENTER" BGCOLOR="#FFCC00">
<TD >
<TABLE WIDTH="98%" BORDER="0" CELLSPACING="0" CELLPADDING="1" BGCOLOR="#CC00FF">
<TR ALIGN="CENTER" BGCOLOR="#FFFF33">
<TD>
<TABLE WIDTH="98%" BORDER="0" CELLSPACING="0" CELLPADDING="1" BGCOLOR="#FF66FF">
<TR ALIGN="CENTER" VALIGN="MIDDLE" BGCOLOR="#FFFFCC">
<TD>
<TABLE WIDTH="98%" BORDER="0" CELLSPACING="0" CELLPADDING="1" BGCOLOR="#CCCCFF">
<TR VALIGN="MIDDLE" ALIGN="CENTER" BGCOLOR="#CCCC00">
<TD><B><FONT FACE="Verdana, Arial, Helvetica, sans-serif" SIZE="2" COLOR="#660000">link
3</FONT></B></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>