Easy Layered Look

   There has been interest lately in achieving what's called a "layered look" for web pages. We have devised a somewhat simpler way to get that look, involving just a single table cell structure, instead of the nested tables others have used. Below are two such tables, each having the necessary wide colored border and the inside having text and images.

   In the second one, we've added a textured background of its own, different from the one used on the main page. Doing this kind of thing on an Easy Designer page is a bit more difficult (We used Aolpress to make this page.) but can still be accomplished by using Advanced HTML inserts. Here's a link to a page we made using our layered concept in Easy Designer. (It used parts of the html from this page to form the table part.) Click Here

Here's what the html code looks like for this second example:

<TABLE BORDER CELLSPACING="30" CELLPADDING="8" ALIGN="Center" BGCOLOR="red">
<TR>
<TD bgcolor="white" background="oebg.gif"><P ALIGN=Center>
<BIG><B>Some Text is added just to show what<BR>
it will look like on the page. We can also<BR>
add pictures and such to this table cell.</B></BIG>
<P ALIGN=Center>
<BIG><B><IMG SRC="sf34b.jpg" WIDTH="400" HEIGHT="279" BORDER="0" ALIGN="Top"></B></BIG>
<P ALIGN=Left>
<BIG><B>Not only that, we can add a textured background<BR>
inside the table cell, as we've done here. </B></BIG></TD>
</TR>
</TABLE>

   The cellspacing number, shown here as 30, can be changed upward or downward as you like. It gives the wisth of the red part in pixels. The cellpadding number gives the spacing between the red part and any contents of the table cell. That's been set at 8 pixels, but of course you can make it any number within reason.