Webpage borders

<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0> <table cellpadding=0 cellspacing=0 border=0><tr> <td valign="top" colspan=3 height=90 BGCOLOR="#006699" TEXT="#080000" background="025085a3.jpg"> <div> <FONT SIZE="5" COLOR="#FFFFFF" FACE="Times New Roman" ><I>A Few Words About...</I></FONT><B>     |     </B><A HREF="index.htm" TARGET="_top" TITLE="A Few Words About..."><U><B>home</B></U></A></div> <div> back to: <A HREF="id136.htm" TARGET="_top" TITLE="Ideas for Using Tiles"><U>ideas for using tiles</U></A>              </div> </td> </tr><tr> <td valign="top" width=115 BGCOLOR="#006699" TEXT="#080000" background="3035d583.jpg"> <div> <B><IMG BORDER="0" SRC="Symb075c00b700c8ffffff00.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Webpage borders</B></div> <div> <A HREF="id145.htm" TARGET="_top" TITLE="Graphic elements"><U>Graphic elements</U></A></div> <div> <A HREF="id139.htm" TARGET="_top" TITLE="Image fill"><U>Image fill</U></A></div> <div> <A HREF="id140.htm" TARGET="_top" TITLE="Overlay"><U>Overlay</U></A></div> <div> <A HREF="id141.htm" TARGET="_top" TITLE="Slide background"><U>Slide background</U></A></div> <div> <A HREF="id142.htm" TARGET="_top" TITLE="Digital scrapbooking backgrounds"><U>Digital scrapbooking backgrounds</U></A></div> <div> <A HREF="id149.htm" TARGET="_top" TITLE="Circular elements using transparency"><U>Circular elements using transparency</U></A></div> </td> <td valign="top" height=390 BGCOLOR="#CCCCE4" TEXT="#080000"> <div> <I>Webpage borders</I></div> <div> My favorite online site for clothes shopping uses vibrant backgrounds without making their text difficult to read or interfering with the images of their products by using the backgrounds as left and right page borders. They can - and do! - change the background every time they have a new collection to spotlight. The borders provide an almost subliminal boost to the "look" of the collection, whether that involves seasonal colors, holiday glitter, or fun in the sun. Although I've put a navigation menu in the lefthand border, they leave theirs completely empty. The background in the borders of this page, as well as the divider used below, are made from a skirt that was in a previous year's collection. </div> <bR> <div> This type of effect is often done using CSS, although I've used regular HTML to achieve it here. Whatever method you use to build your site, be sure to check out this effect at different screen resolutions and with various browsers (at least Explorer and one "alternative" browser such as Firefox) before going live, to make sure you're getting the look you want. There's an <A HREF="id144.htm" TARGET="_top" TITLE="Special Considerations"><U>additional page of considerations</U></A> for anyone wanting to use extremely narrow borders, and/or using CuteSITE Builder or cascading style sheets. </div> <bR> <DIV ALIGN="LEFT"></DIV> <div> <IMG SRC="3192c0c0.jpg" border=0 width="300" height="12" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <bR> <div> By the way, if you have a site with products that would lend themselves to this kind of tile, <A HREF="mailto:tgshaw@earthlink.net" TARGET="_top" TITLE="mailto:tgshaw@earthlink.net"><U>let me know the address</U></A> and I'll take a look to see if it's something I can work with. If you give me permission to post the backgrounds on this site as free tiles, there's not only no charge for the tile-making, but your site will receive a one-way link from your backgrounds that are posted here.</div> <bR> <bR> <bR> <DIV ALIGN="LEFT"></DIV> <div> <A HREF="id138_m.htm" TITLE="Webpage borders"><U>Top of Page</U></A></div> <bR> <bR> </td> <td valign="top" width=115 BGCOLOR="#006699" TEXT="#080000" background="3035d583.jpg"> <bR> </td> </tr></table></body>