Double Border Detail

<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> <FONT SIZE="6" COLOR="#990000" FACE="Times New Roman" ><B>Top Border </B></FONT><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="3" COLOR="#660099" FACE="Arial" >           </FONT><FONT SIZE="1" COLOR="#660099" FACE="Arial" >  </FONT><FONT SIZE="3" COLOR="#660099" FACE="Arial" >  </FONT>             <B>   </B>                                <FONT SIZE="2" COLOR="#000000" FACE="Arial" ><I>(links in this border use TRLX_Middle)</I></FONT></div> <div> <TABLE BORDER="1" CELLPADDING="2" CELLSPACING="1" WIDTH="755" 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="id59.htm" TARGET="TRLX_Middle" TITLE="id59.htm"><B>Thomas</B></A><B>  </B></div> </NOBR></tD> <tD VALIGN=TOP><NOBR><div> <A HREF="id60.htm" TARGET="TRLX_Middle" TITLE="id60.htm"><B>Sam</B></A><B>  </B></div> </NOBR></tD> <tD VALIGN=TOP><NOBR><div> <A HREF="id62.htm" TARGET="TRLX_Middle" TITLE="id62.htm"><B>KW</B></A><B>  </B></div> </NOBR></tD> <tD VALIGN=TOP><NOBR><div> <B>   <<<START HERE! </B><B>Click link to </B><B>load 2nd border page or to c</B><B>hang</B><B>e name!</B></div> </NOBR></tD> </tR> </TABLE></div> <bR> <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="#990000" FACE="Arial" ><B>Make a double border- detail test: </B></FONT>                                                               <A HREF="#othertest" TITLE="Double Border Detail">(other test page links)</A></div> <bR> <div> <B>How it will look:   </B><FONT SIZE="3" COLOR="#000000" FACE="Arial" ><B>Click on links above to see it in action.</B></FONT></div> <bR> <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=#990000 HEIGHT= 19 WIDTH="580"><div> <B>2nd border = Names = Red     </B></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#FFFFFF HEIGHT= 101 WIDTH="83"><div> <B>left</B></div> </tD> <tD VALIGN=TOP BGCOLOR=#C0C0C0><NOBR><div> <B>middle</B></div> <bR> <div> links here can either:</div> <div> <IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">change this area and leave the two borders alone, or</div> <div> <IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">leave top border and change the rest of the page!</div> </NOBR></tD> </tR> </TABLE></div> <bR> <bR> <bR> <bR> <div> <B>How to do it:</B></div> <bR> <div> <B>Make one main page </B><FONT SIZE="3" COLOR="#0000FF" FACE="Arial" ><B>like this page</B></FONT><B>: </B></div> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="683" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP BGCOLOR=#FFFFFF HEIGHT= 20 ><NOBR><div> <B>1st border = Top Border = white                                                     </B><FONT SIZE="3" COLOR="#000000" FACE="Arial" ><B>links here use TRLX_Middle</B></FONT></div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#C0C0C0 HEIGHT= 83 ><NOBR><div> <B>first page with links to double border pages.                                      </B><FONT SIZE="3" COLOR="#990000" FACE="Arial" ><B> </B></FONT></div> <bR> <DIV ALIGN="LEFT"></DIV> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="590" BORDERCOLORLIGHT="#EEEEEE" BORDERCOLORDARK="#DDDDDD" FRAME="BOX" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 19 ><NOBR><div> <B>SAMPLE links:</B></div> </NOBR></tD> <tD VALIGN=TOP><NOBR><div> <A HREF="id59.htm" TARGET="TRLX_Middle" TITLE="id59.htm"><B>Thomas</B></A><B>  </B></div> </NOBR></tD> <tD VALIGN=TOP WIDTH="52"><div> <A HREF="id60.htm" TARGET="TRLX_Middle" TITLE="id60.htm"><B>Sam</B></A><B>  </B></div> </tD> <tD VALIGN=TOP><NOBR><div> <A HREF="id62.htm" TARGET="TRLX_Middle" TITLE="id62.htm"><B>KW</B></A><B>  </B></div> </NOBR></tD> <tD VALIGN=TOP><NOBR><div> <B>            these links use TRLX_Middle</B></div> </NOBR></tD> </tR> </TABLE></div> <bR> </NOBR></tD> </tR> </TABLE></div> <bR> <div> <FONT SIZE="3" COLOR="#000000" FACE="Arial" ><B>Make one page per person that looks like this:  NAME PAGES                 </B></FONT> (<A HREF="id59.htm" TARGET="_blank" TITLE="id59.htm">see one in a full window</A>)</div> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="683" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP COLSPAN=2 BGCOLOR=#990000 HEIGHT= 19 WIDTH="667"><div> <B>2nd border = Names = Red     </B></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#BBBBBB HEIGHT= 118 WIDTH="83"><div> <B>left</B></div> </tD> <tD VALIGN=TOP BGCOLOR=#DDDDDD WIDTH="581"><div> <B>middle                                                           </B></div> <div> <B>basic information about the person</B></div> <bR> <div> <B><IMG BORDER="0" SRC="Symb075c00b700dc00000000.png" HEIGHT="15" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">To change this full page to another person, links here use target="_parent"</B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700dc00000000.png" HEIGHT="15" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">To keep the red name border, but change the middle gray content for the person, link to a plain page (no borders) using:   target="</B><FONT SIZE="3" COLOR="#000000" FACE="Arial" ><B>TRLX_Middle</B></FONT><B>" </B></div> </tD> </tR> </TABLE></div> <bR> <div> <FONT SIZE="3" COLOR="#000000" FACE="Arial" ><B>Make as many detail pages as necessary like this:                                       </B></FONT><A HREF="t2.htm" TARGET="_blank" TITLE="t2.htm">(</A><A HREF="t2.htm" TARGET="_blank" TITLE="t2.htm">see one in a full window</A><A HREF="t2.htm" TARGET="_blank" TITLE="t2.htm">)</A></div> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="683" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP BGCOLOR=#DDDDDD HEIGHT= 79 ><NOBR><div> <B>(no borders)   just content.     </B></div> <div> <B>Use a table to make sure content fits the middle area.                                                      </B></div> <bR> <bR> </NOBR></tD> </tR> </TABLE></div> <bR> <bR> <bR> <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> <bR> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">All links in the first page 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> <bR> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">The linked NAME 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 red), etc.  These pages can have the border unlocked and changed on an individual page.  (I changed the red border to show 3 different names</B></div> <bR> <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> <bR> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">The links on the NAME pages either</B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">change the detail page for a person, or</B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">open a different NAME page (not the best way to do it but it can be done)</B></div> <bR> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">For reference, check out t</B><B>he SITE MAP to</B><FONT SIZE="3" COLOR="#000000" FACE="Arial" ><B> see the way the pages are grouped together</B></FONT></div> <div> Place<FONT SIZE="2" COLOR="#000000" FACE="Arial" > your cursor to the top edge of the page, between the header of the webpage page and the beginning of your browser menus.  Your cursor will change to a double headed arrow.    Hold down your left mouse button and drag down. </FONT></div> <bR> <bR> <DIV ALIGN="LEFT"></DIV> <div> <B> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="1" WIDTH="645" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 38 WIDTH="639"><div> <B>SETTINGS for all links in the 1st main page border:</B></div> <div> (each with different page id)</div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 300 WIDTH="639"><div> <IMG SRC="1a58e100.jpg" border=0 width="398" height="272" ALT="Links from the main top border - link properties box" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <bR> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 687 ><NOBR><bR> <div> <B>SETTINGS for to open new detail window - keep same name and double border:</B></div> <div> <IMG SRC="1a790130.jpg" border=0 width="400" height="275" ALT="link parent - open a new detail window" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <bR> <bR> <div> <B>SETTINGS for to open under the double border - change name:</B></div> <div> (if you want their links to open under the 1st white border too)</div> <div> <IMG SRC="1a690130.jpg" border=0 width="400" height="275" ALT="link parent - open a window under the double border" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> </NOBR></tD> </tR> </TABLE></B></div> <div> <B>     </B></div> <div> <A HREF="id58.htm" TARGET="_top" TITLE="Double Border"><B>See the first draft double border</B></A></div> <bR> <bR> <div> <FONT SIZE="3" COLOR="#000000" FACE="Arial" ><B> <A NAME="othertest"><IMG BORDER="0" SRC="1x1.gif" HEIGHT="1" ALIGN="bottom" WIDTH="1" HSPACE="0" VSPACE="0" ></A></B></FONT><B>visit </B><B>other test pages:</B></div> <div> <FONT SIZE="3" COLOR="#000000" FACE="Arial" ><B>   </B></FONT><FONT SIZE="3" COLOR="#660099" FACE="Arial" ><B>  </B></FONT><A HREF="index.htm" TARGET="_top" TITLE="Test Index">Test Index</A><FONT SIZE="1" COLOR="#660099" FACE="Symbol" >   ·   </FONT><A HREF="id25.htm" TARGET="_top" TITLE="Table 1">Table 1</A><FONT SIZE="1" COLOR="#660099" FACE="Symbol" >   ·   </FONT><A HREF="id36.htm" TARGET="_top" TITLE="Table 2">Table 2</A><FONT SIZE="1" COLOR="#660099" FACE="Symbol" >   ·   </FONT><A HREF="id129.htm" TARGET="_top" TITLE="Table 3">Table 3</A><FONT SIZE="1" COLOR="#660099" FACE="Symbol" >   ·   </FONT><A HREF="id99.htm" TARGET="_top" TITLE="Table 4">Table 4</A><FONT SIZE="1" COLOR="#660099" FACE="Symbol" >   ·   </FONT><A HREF="id133.htm" TARGET="_top" TITLE="Table 5">Table 5</A><FONT SIZE="1" COLOR="#660099" FACE="Symbol" >   ·   </FONT><A HREF="id169.htm" TARGET="_top" TITLE="Table Firefox">Table Firefox</A><FONT SIZE="1" COLOR="#660099" FACE="Symbol" >   ·   </FONT><A HREF="table_css.htm" TARGET="_top" TITLE="table css">table css</A><FONT SIZE="1" COLOR="#660099" FACE="Symbol" >   ·   </FONT><A HREF="layered_tables.htm" TARGET="_top" TITLE="Layered Tables">Layered Tables</A><FONT SIZE="1" COLOR="#660099" FACE="Symbol" >   ·   </FONT><A HREF="resorttable.htm" TARGET="_top" TITLE="Resort Table">Resort Table</A><FONT SIZE="1" COLOR="#660099" FACE="Symbol" >   ·   </FONT><A HREF="id115.htm" TARGET="_top" TITLE="Background Image in Table">Background Image in Table</A><FONT SIZE="1" COLOR="#660099" FACE="Symbol" >   ·   </FONT><A HREF="selectionguides.htm" TARGET="_top" TITLE="Selection Guides">Selection Guides</A><FONT SIZE="1" COLOR="#660099" FACE="Symbol" >   ·   </FONT><A HREF="id28.htm" TARGET="_top" TITLE="Folding Menu Tree">Folding Menu Tree</A><FONT SIZE="1" COLOR="#660099" FACE="Symbol" >   ·   </FONT><A HREF="id95.htm" TARGET="_top" TITLE="Menu Buttons">Menu Buttons</A><FONT SIZE="1" COLOR="#660099" FACE="Symbol" >   ·   </FONT><A HREF="id47.htm" TARGET="_top" TITLE="Hidden Site Map">Hidden Site Map</A><FONT SIZE="1" COLOR="#660099" FACE="Symbol" >   ·   </FONT><A HREF="id137.htm" TARGET="_top" TITLE="Anchors">Anchors</A><FONT SIZE="1" COLOR="#660099" FACE="Symbol" >   ·   </FONT><B>Double Border Detail</B></div> </td> </tr></table></body>