Here are some quick samples of the sorts of effects that are possible
using the different color attributes that are supported by tables in Microsoft
Internet Explorer version 2.0. I've tried to start off with relatively simple
code; hopefully this will give you some creative ideas that will help
you come up with your own exciting possibilities.
 |  |
This effect: | Is achieved by this code: |
Two-tone title:
|
<TABLE WIDTH=150 CELLPADDING=5 CELLSPACING=0>
<TD WIDTH=75 BGCOLOR=RED ALIGN=RIGHT>
<FONT FACE=ARIAL COLOR=WHITE><B>Sample</B></FONT>
</TD><TD WIDTH=75 BGCOLOR=BLACK ALIGN=LEFT>
<FONT FACE=ARIAL COLOR=WHITE><B>Text</B></FONT>
</TD></TABLE>
|
|
Two-tone title with border:
|
<TABLE CELLPADDING=5 CELLSPACING=0 WIDTH=154><TR>
<TD BGCOLOR="BLACK" WIDTH=77 HEIGHT=2 COLSPAN=2></TD>
<TD BGCOLOR="RED" WIDTH=77 HEIGHT=2 COLSPAN=2></TD>
</TR><TR>
<TD WIDTH=2 BGCOLOR="BLACK"></TD>
<TD WIDTH=75 BGCOLOR=RED ALIGN=RIGHT>
<FONT FACE=ARIAL COLOR=WHITE><B>Sample</B></FONT>
</TD><TD WIDTH=75 BGCOLOR=BLACK ALIGN=LEFT>
<FONT FACE=ARIAL COLOR=WHITE><B>Text</B></FONT>
</TD>
<TD WIDTH=2 BGCOLOR="RED"></TD>
</TR><TR>
<TD BGCOLOR="BLACK" HEIGHT=2 COLSPAN=2></TD>
<TD BGCOLOR="RED" HEIGHT=2 COLSPAN=2></TD>
</TR></TABLE>
|
|
Button effect using border colors:
|
<TABLE BORDER BGCOLOR="SILVER" BORDERCOLOR="SILVER" WIDTH=90% CELLSPACING=5 CELLPADDING=5>
<TD BORDERCOLORDARK="RED" BORDERCOLORLIGHT="BLACK" BGCOLOR="MAROON" ALIGN=CENTER>
<FONT FACE=ARIAL COLOR=WHITE><B>Sample Text</B></FONT>
</TD></TABLE>
|
|
Drop shadow:
|
<TABLE CELLPADDING=2 CELLSPACING=0>
<TR><TD BGCOLOR="RED" WIDTH=5 HEIGHT=4></TD><TD BGCOLOR="RED" WIDTH=140></TD><TD WIDTH=5></TD>
</TR><TR>
<TD COLSPAN=2 BGCOLOR="RED" ALIGN="CENTER">
<FONT FACE=ARIAL COLOR=WHITE><B>Sample Text</B></FONT>
</TD><TD WIDTH=5 BGCOLOR="GRAY"></TD><TD WIDTH=5></TD>
</TR><TR>
<TD HEIGHT=5></TD><TD COLSPAN=2 BGCOLOR="GRAY"></TD></TR>
</TABLE>
|
|
| | |
|
|
A more complex combination, using nested tables to create a
banner with sidebar effect
| |
|
<TABLE CELLPADDING=2 CELLSPACING=0>
<TR><TD BGCOLOR="MAROON" WIDTH=5 HEIGHT=4></TD><TD BGCOLOR="MAROON" WIDTH=140></TD><TD WIDTH=5></TD>
</TR><TR>
<TD COLSPAN=2 BGCOLOR="MAROON" ALIGN="CENTER">
<FONT FACE=ARIAL COLOR=WHITE><B>Sample Text</B></FONT>
</TD><TD WIDTH=5 BGCOLOR="GRAY"></TD><TD WIDTH=5></TD>
</TR><TR>
<TD HEIGHT=5></TD><TD COLSPAN=2 BGCOLOR="GRAY"></TD></TR>
</TABLE>
</TD></TR>
<TR><TD HEIGHT=120 WIDTH=20></TD><TD BGCOLOR="NAVY" WIDTH=100>
<TABLE CELLPADDING=4><FONT COLOR="SILVER">
A more complex combination, using nested tables to create a
banner with sidebar effect
</FONT></TABLE>
</TD><TD HEIGHT=20 WIDTH=20></TD></TR>
</TABLE>
|
While this and the preceding pages don't intend to represent the full range of
creative possibilities available by using tables on your pages, they hopefully have
given you some things to think about.