Table Samples Using Color
in Internet Explorer 2.0

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:
Sample Text
<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:
Sample Text
<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:
Sample Text
<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:
Sample Text
<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>

Sample Text
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.

Previous Current Next
New Attributes Sample Tables Authoring Tips

Watermark Font Table Dynsrc Marquee Sound