Double Border

<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0> <table cellpadding=0 cellspacing=0 border=0><tr> <td valign="top" height=73 BGCOLOR="#FFFFFF" TEXT="#080000"> <div> <B>Top Border </B><FONT SIZE="4" COLOR="#990000" FACE="Times New Roman" ><B>(1st/Main page)</B></FONT><FONT SIZE="3" COLOR="#990000" FACE="Arial" >                                                </FONT><FONT SIZE="2" COLOR="#990000" FACE="Arial" ><B> </B></FONT><FONT SIZE="2" COLOR="#000000" FACE="Arial" ><I><B>(links here use TRLX_Middle)</B></I></FONT></div> <div> <TABLE BORDER="1" CELLPADDING="2" CELLSPACING="1" WIDTH="746" BORDERCOLORLIGHT="#990000" BORDERCOLORDARK="#990000" FRAME="HSIDES" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 16 ><NOBR><div> SAMPLE NAME links:</div> </NOBR></tD> <tD VALIGN=TOP><NOBR><div> <A HREF="id35.htm" TARGET="TRLX_Middle" TITLE="id35.htm"><B>insert a gif</B></A><B>  </B></div> </NOBR></tD> <tD VALIGN=TOP><NOBR><div> <A HREF="id33.htm" TARGET="TRLX_Middle" TITLE="id33.htm"><B>lake applet</B></A></div> </NOBR></tD> <tD VALIGN=TOP><NOBR><div> <A HREF="id47.htm" TARGET="TRLX_Middle" TITLE="id47.htm"><B>hidden site map</B></A></div> </NOBR></tD> <tD VALIGN=TOP><NOBR><div> <B> <<Click a link to load 2nd border & change the page!</B></div> </NOBR></tD> </tR> </TABLE></div> <bR> <bR> <div> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="1" WIDTH="80" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 19 WIDTH="22"><IMG BORDER="0" SRC="1x1.gif" HEIGHT="19" ALIGN="bottom" WIDTH="22" HSPACE="0" VSPACE="0"></tD> <tD VALIGN=TOP WIDTH="22"><div> </div> </tD> <tD VALIGN=TOP WIDTH="20"><div> </div> </tD> </tR> </TABLE></div> <div> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="1" WIDTH="80" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 19 WIDTH="22"><IMG BORDER="0" SRC="1x1.gif" HEIGHT="19" ALIGN="bottom" WIDTH="22" HSPACE="0" VSPACE="0"></tD> <tD VALIGN=TOP WIDTH="22"><div> </div> </tD> <tD VALIGN=TOP WIDTH="20"><div> </div> </tD> </tR> </TABLE></div> <bR> <div> </div> </td> </tr><tr> <td valign="top" height=407 BGCOLOR="#DDDDDD" TEXT="#080000"> <bR> <div> <FONT SIZE="5" COLOR="#330066" FACE="Arial" ><B>Make a double border-orig draft:</B></FONT><FONT SIZE="5" COLOR="#990000" FACE="Arial" ><B>                             </B></FONT>   <A HREF="#othertest" TITLE="Double Border">(other test page links)</A></div> <div> (1st quick sample - for much better detail example see <A HREF="id55.htm" TARGET="_top" TITLE="Double Border Detail">double border 2</A>)</div> <bR> <div> <B>How it will look:</B></div> <bR> <div> <B>Links on the first page create this effect:</B></div> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="596" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP COLSPAN=2 BGCOLOR=#FFFFFF HEIGHT= 20 WIDTH="580"><div> <B>1st border = TopBorder = white  </B></div> </tD> </tR> <tR> <tD VALIGN=TOP COLSPAN=2 BGCOLOR=#660099 HEIGHT= 19 WIDTH="580"><div> <B>2nd border = Names = Purple    </B></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#FFFFFF HEIGHT= 39 WIDTH="83"><div> <B>left</B></div> </tD> <tD VALIGN=TOP BGCOLOR=#C0C0C0 WIDTH="494"><div> <B>middle</B></div> <bR> </tD> </tR> </TABLE></div> <bR> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Make a first page using a top border, like shown above.</B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">All links in this part of border should be set to open target set to TRLX_Middle so those pages open under the white top border of this page.</B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Manually place your links using a URL style link so you have access to the target</B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Can't use the sequence list since it does not allow for assignment of target</B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">The top border (white) remains static and is not changed.</B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">The linked pages also have a top border.  Use Format Page Layout to create a new page layout specifically for these pages that will go under the first border.  Change the border color (I used purple), etc.  These pages can have the border unlocked and changed on an individual page, if necessary.  I made gif and lake have slightly different red borders.</B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">The three links on the white border will open under the white page border and show a double border!</B></div> <div> <FONT SIZE="3" COLOR="#990000" FACE="Arial" ><B><IMG BORDER="0" SRC="Symb075c00b700f000009900.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Special Note:</B></FONT><B> </B><B> links on those pages will break out of the top border and show a regular single border page because they have no special settings.</B></div> <bR> <div> <B>If you want links on those pages to open under the white border too, set your link properties to</B><FONT SIZE="3" COLOR="#990000" FACE="Arial" ><B> _parent</B></FONT><B>,   A test of this type of link is on the </B><A HREF="id35.htm" TARGET="TRLX_Middle" TITLE="id35.htm"><B>db page</B></A><B>.   Scroll to the bottom of  the page.  When you scroll down, notice the two borders stay stationary at the top of the page.  </B></div> <bR> <bR> <bR> <DIV ALIGN="LEFT"></DIV> <div> <B> <A NAME="othertest"><IMG BORDER="0" SRC="1x1.gif" HEIGHT="1" ALIGN="bottom" WIDTH="1" HSPACE="0" VSPACE="0" ></A></B><B> </B><FONT SIZE="3" COLOR="#330099" FACE="Arial" ><B>visit other test pages:</B></FONT></div> <div> <FONT SIZE="3" COLOR="#330066" FACE="Arial" ><B>     </B></FONT><A HREF="index.htm" TARGET="_top" TITLE="Test Index">Test Index</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id25.htm" TARGET="_top" TITLE="Table 1">Table 1</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id36.htm" TARGET="_top" TITLE="Table 2">Table 2</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id129.htm" TARGET="_top" TITLE="Table 3">Table 3</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id99.htm" TARGET="_top" TITLE="Table 4">Table 4</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id133.htm" TARGET="_top" TITLE="Table 5">Table 5</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id169.htm" TARGET="_top" TITLE="Table Firefox">Table Firefox</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="table_css.htm" TARGET="_top" TITLE="table css">table css</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="layered_tables.htm" TARGET="_top" TITLE="Layered Tables">Layered Tables</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="resorttable.htm" TARGET="_top" TITLE="Resort Table">Resort Table</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id115.htm" TARGET="_top" TITLE="Background Image in Table">Background Image in Table</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="selectionguides.htm" TARGET="_top" TITLE="Selection Guides">Selection Guides</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id28.htm" TARGET="_top" TITLE="Folding Menu Tree">Folding Menu Tree</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id95.htm" TARGET="_top" TITLE="Menu Buttons">Menu Buttons</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id47.htm" TARGET="_top" TITLE="Hidden Site Map">Hidden Site Map</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id137.htm" TARGET="_top" TITLE="Anchors">Anchors</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id55.htm" TARGET="_top" TITLE="Double Border Detail">Double Border Detail</A></div> </td> </tr></table></body>