Anchors

<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0> <table cellpadding=0 cellspacing=0 border=0><tr> <td valign="top" height=50 BGCOLOR="#660099" TEXT="#080000"> <div> <TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="725" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" ALIGN="LEFT" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=CENTER HEIGHT= 33 ><NOBR><div> <B>Sami's Site: CSB - Trellix Support and Tests</B></div> </NOBR></tD> <tD VALIGN=CENTER WIDTH="71"><div> <A HREF="id47.htm" TARGET="_top" TITLE="Hidden Site Map"><IMG SRC="588070e0.png" border=0 width="7" height="14" ALT="previous" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></A>  <IMG BORDER="0" SRC="1x1.gif" HEIGHT="14" ALIGN="BOTTOM" HSPACE="0" VSPACE="0" WIDTH="14">  <A HREF="id55.htm" TARGET="_top" TITLE="Double Border Detail"><IMG SRC="58a070e0.png" border=0 width="7" height="14" ALT="next" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></A></div> </tD> <tD VALIGN=CENTER><NOBR><div> <DIV style="TEXT-ALIGN: center"> <STYLE type=text/css> #rollbutton a { color: #C0DCC0; font-size:12px; font-weight: bold; text-decoration: none; border:2px outset #D3D3D3; background-color:#680098; display: block; width: 85px; height: 19px; padding: 0px; } #rollbutton a:hover { background-color: #C0DCC0; color:#680098; padding-left: 3px; border:2px inset #D3D3D3; } </STYLE> <DIV id=rollbutton> <A href="http://www.samisite.com" title="Samisite.com Home Page" target="_top" onfocus="this.blur()">HOME</A> <A href="http://www.forum.samisite.com" title="Visit the Samisite Webmaster Community Forum" target="_top" onfocus="this.blur()">FORUM</A></DIV> </DIV></div> </NOBR></tD> </tR> </TABLE></div> <div> </div> </td> </tr><tr> <td valign="top" height=430 BGCOLOR="#DDDDDD" TEXT="#080000"> <div> <STYLE>  </STYLE><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><B>Anchors</B><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id55.htm" TARGET="_top" TITLE="Double Border Detail">Double Border Detail</A></div> <div> <B>Anchors</B></div> <bR> <div> <B>Anchors allow you to click a link and jump to a specific part of the page instead of scrolling up and down manually.  The page may have several  topics and using an anchor allows you to move directly to the paragraph you want without using the scroll bar.  </B></div> <bR> <div> <B>This is techniques often used on Frequently Asked Question Pages where you have a list of questions at the top, answers at the bottom.  </B></div> <bR> <div> <B> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="4" WIDTH="700" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="NONE" HSPACE="0" VSPACE="0" BGCOLOR=#FFFBF0 > <tR> <tD VALIGN=TOP COLSPAN=2 BGCOLOR=#CCCCE4 HEIGHT= 20 ><NOBR><div> <B>Choose what you want to do.  These are links to anchors on this page.</B></div> </NOBR></tD> </tR> <tR> <tD VALIGN=CENTER BGCOLOR=#FFFBF0 HEIGHT= 46 WIDTH="341"><div> <A HREF="#csbanchor" TITLE="Anchors"><B><IMG BORDER="0" SRC="Symb075c00b700c800000000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">LINK FROM WITHIN SAME TLX design file using CSB anchor</B></A></div> </tD> <tD VALIGN=CENTER BGCOLOR=#FFFBF0 WIDTH="333"><div> <A HREF="#otheranchor" TITLE="Anchors"><B><IMG BORDER="0" SRC="Symb075c00b700c800000000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">LINK FROM SCRIPT/code or a different directory, site, etc.</B></A></div> </tD> </tR> <tR> <tD VALIGN=CENTER BGCOLOR=#FFFBF0 HEIGHT= 46 WIDTH="341"><div> <A HREF="#linktests" TITLE="Anchors"><B><IMG BORDER="0" SRC="Symb075c00b700c800000000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">TESTS of different links to anchors on framed pages</B></A><B> </B><A HREF="#linktests" TITLE="Anchors"><B>demonstrates what works or not</B></A></div> </tD> <tD VALIGN=CENTER BGCOLOR=#FFFBF0 WIDTH="333"><div> <A HREF="#workaround" TITLE="Anchors"><B><IMG BORDER="0" SRC="Symb075c00b700c800000000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Work Around to fix the problem with scripts or outside links</B></A></div> </tD> </tR> </TABLE></B></div> <bR> <bR> <bR> <bR> <div> <B> <A NAME="csbanchor"><IMG BORDER="0" SRC="1x1.gif" HEIGHT="1" ALIGN="bottom" WIDTH="1" HSPACE="0" VSPACE="0" ></A></B></div> <div> <FONT SIZE="4" COLOR="#6600CC" FACE="Arial" ><B>LINK TO ANCHOR USING CSB  </B></FONT><B>(from within the same file, </B><I><B>not</B></I><B> using script or code)</B></div> <div> <B>If you are placing links to anchors on the same page as your anchor or an anchor on a different page in the same design file, the easiest way to do it is to use the built-in linking that CSB provides.  Works everytime, easily.  </B></div> <div> <B> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="502" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="HSIDES" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 211 ><NOBR><div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">To place the anchor:</B></div> <div> put cursor where you want the anchor</div> <div> choose <FONT SIZE="3" COLOR="#6600CC" FACE="Arial" >Insert Anchor</FONT> and type the name (don't use spaces), OK </div> <bR> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">To link to the anchor:</B></div> <div> select the link text or image you will use for the link</div> <div> right click, choose <FONT SIZE="3" COLOR="#6600CC" FACE="Arial" >Link to Anchor</FONT> on</div> <div> choose either <FONT SIZE="3" COLOR="#6600CC" FACE="Arial" >Current Page</FONT> or <FONT SIZE="3" COLOR="#6600CC" FACE="Arial" >Another Page</FONT></div> <div> choose the anchor name</div> <div> OK</div> </NOBR></tD> </tR> </TABLE></B></div> <bR> <bR> <bR> <bR> <div> <B> <A NAME="otheranchor"><IMG BORDER="0" SRC="1x1.gif" HEIGHT="1" ALIGN="bottom" WIDTH="1" HSPACE="0" VSPACE="0" ></A></B></div> <div> <B>LINK TO ANCHOR USING ANY OTHER WAY</B></div> <div> <FONT SIZE="3" COLOR="#000000" FACE="Arial" ><B>There are times you want to link to your anchor using a </B></FONT><B>menu script</B><B>, </B><B>other code</B><B>, from another site or another directory</B><FONT SIZE="3" COLOR="#000000" FACE="Arial" ><B> or many other reasons.</B></FONT></div> <bR> <div> <B>These links take a bit more effort.  </B></div> <bR> <div> <B>CSB can publish your tlx design file with and without frames.</B><FONT SIZE="3" COLOR="#6600CC" FACE="Arial" ><B>  </B></FONT></div> <div> <B>Anchors on those pages are VERY DIFFERENT when you try to link to them any way other than the built in CSB anchor link as described above! </B></div> <div> <FONT SIZE="3" COLOR="#000066" FACE="Arial" ><IMG SRC="225090a0.png" border=0 width="9" height="10" ALIGN="BOTTOM" HSPACE="0" VSPACE="0">  </FONT><FONT SIZE="3" COLOR="#000000" FACE="Arial" ><B>Without Frames:</B></FONT> all one page, top border will scroll up with the page</div> <div> <FONT SIZE="3" COLOR="#000066" FACE="Arial" ><IMG SRC="225090a0.png" border=0 width="9" height="10" ALIGN="BOTTOM" HSPACE="0" VSPACE="0">  </FONT><FONT SIZE="3" COLOR="#000000" FACE="Arial" ><B>With Frames:</B></FONT><B> </B>the borders become separate parts of the page and will scroll separately like this page.</div> <div> Important note:  If your anchor is on a plain page with no borders, but you are publishing your tlx design file WITH frames turned on, you still must follow instructions for FRAMED pages.</div> <div> <FONT SIZE="3" COLOR="#000066" FACE="Arial" ><IMG SRC="225090a0.png" border=0 width="9" height="10" ALIGN="BOTTOM" HSPACE="0" VSPACE="0">  </FONT><B>Not sure</B> if you are publishing "with frames" or "without frames"?  <A HREF="http://www.samisite.com/publish/framesorno.htm" TARGET="_blank" TITLE="http://www.samisite.com/publish/framesor">Read here about frames.</A> </div> <bR> <bR> <div> <B>LINK TO ANCHOR WITHOUT FRAMES</B><B>:</B></div> <div> If you publish your pages without frames a typical link to an anchor looks like this: </div> <div> <B>page name.htm#anchor name</B> </div> <div> A full url address would look like this:  </div> <div>  http://www.samisite.com/test-csb2nf/<FONT SIZE="3" COLOR="#CC0000" FACE="Arial" ><B>id106.htm#blink</B></FONT></div> <bR> <div> <B>Whether you use the program to insert your links (</B><I>like </I><I><B>A</B></I><I> below</I><B>) or you use inserted HTML code to make a special menu, etc. the link will work fine if you use the pattern for your link shown in red.</B></div> <div>  <A NAME="tononframed"><IMG BORDER="0" SRC="1x1.gif" HEIGHT="1" ALIGN="bottom" WIDTH="1" HSPACE="0" VSPACE="0" ></A></div> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="678" BORDERCOLORLIGHT="#9999CC" BORDERCOLORDARK="#9999CC" FRAME="BOX" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP COLSPAN=2 HEIGHT= 39 WIDTH="662"><div> <B>Links in a FRAMED page (like this page) to a NON-FRAMED subdirectory can open up UNDER the top border of the framed page if the link contains a target ='_self'</B></div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 302 WIDTH="188"><bR> <div> <B>These links will open in</B></div> <div> <B>this part of the window!</B></div> <div> <A HREF="http://www.samisite.com/test-csb2nf/noframeanchor.htm#Doe_J" TARGET="_self" TITLE="http://www.samisite.com/test-csb2nf/nofr"><B>John Doe</B></A></div> <div> <A HREF="http://www.samisite.com/test-csb2nf/noframeanchor.htm#Smith_H" TARGET="_self" TITLE="http://www.samisite.com/test-csb2nf/nofr"><B>Harold Smith</B></A></div> <div> <A HREF="http://www.samisite.com/test-csb2nf/noframeanchor.htm#Mouse_M" TARGET="_self" TITLE="http://www.samisite.com/test-csb2nf/nofr"><B>Mickey Mouse</B></A></div> <div> <A HREF="http://www.samisite.com/test-csb2nf/noframeanchor.htm#Duck_D" TARGET="_self" TITLE="http://www.samisite.com/test-csb2nf/nofr"><B>Donald Duck</B></A></div> <div> <A HREF="http://www.samisite.com/test-csb2nf/noframeanchor.htm#Goofy" TARGET="_self" TITLE="http://www.samisite.com/test-csb2nf/nofr"><B>Goofy</B></A></div> <bR> <div> <A HREF="http://www.samisite.com/test-csb2nf/noframeanchor.htm" TARGET="_blank" TITLE="http://www.samisite.com/test-csb2nf/nofr"><B>Open a new window </B></A><B>showing the plain page published without frames that has the anchors. </B></div> </tD> <tD VALIGN=TOP><NOBR><div> <IMG SRC="3ec91120.gif" border=0 width="401" height="274" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <div> http://www.samisite.com/test-csb2nf/noframeanchor.htm#Doe_J</div> </NOBR></tD> </tR> </TABLE></div> <bR> <bR> <bR> <div> <B>LINK TO ANCHOR WITH FRAMES</B><B>:</B><FONT SIZE="4" COLOR="#330066" FACE="Arial" ><B> </B></FONT></div> <div> <FONT SIZE="3" COLOR="#330066" FACE="Arial" ><B>When anchors are used in combination with frames in either Trellix or CSB, there are two things that are different which cause work arounds to be necessary.</B> </FONT>(Need to understand frames better? Check out <A HREF="http://www.samisite.com/publish/framesorno.htm" TARGET="_blank" TITLE="http://www.samisite.com/publish/framesor">this page</A>)</div> <bR> <div> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="1" WIDTH="736" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 147 WIDTH="17"><div> <B>1)</B></div> </tD> <tD VALIGN=TOP><NOBR><div> <B>Links to anchors have a different format!</B></div> <div> As noted above, the typical  link to an anchor without frames looks like this:</div> <div> page name.htm#anchor name </div> <div> But a link to an anchor on a page published with frames looks like this:</div> <div> <B>page name_anchor name.htm</B></div> <div> A full url address would look like this:  http://www.samisite.com/test-csb/<FONT SIZE="3" COLOR="#CC0000" FACE="Arial" ><B>id137_test3.htm</B></FONT></div> <bR> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 266 WIDTH="17"><div> <B>2)</B></div> </tD> <tD VALIGN=TOP WIDTH="708"><div> <B>The links depend on a SPECIAL page that CSB must create during publishing.</B></div> <div> When anchors are placed in pages published with frames, CSB/Trellix actually creates a <B>special page with the name of the anchor put into the page name</B>, <I><B>but it does </B></I><FONT SIZE="3" COLOR="#6600CC" FACE="Arial" ><I><B>not </B></I></FONT><I><B>happen every time</B></I>!  This can cause scripts to not work!</div> <bR> <div> <B>If you place the link on the same page as the anchor:</B></div> <div> it must be put in using "Link to an anchor on current page" as your link choice for the link to work.  (<I>see </I><I><B>A</B></I><I> below</I>)  </div> <bR> <div> <B>If you try to put a link in using HTML or javascript code (for a menu, etc) the link will not work. </B></div> <div> In this case, the <B>"special page"</B> is not created so links not made by CSB/Trellix will not work.</div> <div> But you can use the Frames Work Around to force CSB to create that page.  Once the page is made, then the links to the anchors will work!</div> </tD> </tR> </TABLE></div> <div>  <A NAME="workaround"><IMG BORDER="0" SRC="1x1.gif" HEIGHT="1" ALIGN="bottom" WIDTH="1" HSPACE="0" VSPACE="0" ></A></div> <div> <B>FRAMES WORK AROUND - EASY FIX!</B></div> <div> <IMG BORDER="0" SRC="Symb075c00b700f066003300.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Insert your anchor on one page.</div> <div> <IMG BORDER="0" SRC="Symb075c00b700f066003300.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Insert a link to the anchor from another page within the same tlx design file. Call this the "forcing link".</div> <div> <IMG BORDER="0" SRC="Symb075c00b700f066003300.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Make sure you use the "Link to an anchor on another page" to create the link.  (<I>see </I><A HREF="#e_sample" TITLE="Anchors"><I>sample </I></A><A HREF="#e_sample" TITLE="Anchors"><I><B>E</B></I></A><I><B> </B></I><I>below</I>)  This causes the program to actually generate a the "special" htm page!  Then any code you want to add would be able to link to that anchor using the <FONT SIZE="3" COLOR="#CC0000" FACE="Arial" ><B>page name_anchor name.htm</B></FONT> format.  </div> <div> <IMG BORDER="0" SRC="Symb075c00b700f066003300.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">You can hide the "forcing link" in an inconspicuous part of a page, or </div> <div> <IMG BORDER="0" SRC="Symb075c00b700f066003300.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">use a small graphic to link to the anchor, or</div> <div> <IMG BORDER="0" SRC="Symb075c00b700f066003300.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">use a small graphic that blends in with the page at the very bottom of the page, or</div> <div> <IMG BORDER="0" SRC="Symb075c00b700f066003300.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">make a separate links page that has no name or keywords, etc. that just has links to your anchors.  This links page would be kept off any sequence line and should have no links going to it.  It's sole purpose is to hold the anchor links.  You can add it to your robot.txt file so it does not get googled.</div> <bR> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="667" BORDERCOLORLIGHT="#CCCCE4" BORDERCOLORDARK="#9999CC" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" BGCOLOR=#FFFBF0 > <tR> <tD VALIGN=TOP HEIGHT= 127 WIDTH="655"><div> <B>LIVE EXAMPLE ON ANOTHER SITE! </B></div> <div> On this page, <FONT SIZE="2" COLOR="#0000FF" FACE="Arial" ><U>http://www.lambertusa.com/coating/id40.htm</U></FONT> in the COATING subdirectory, scroll down to the link that says <B>"Is a second coat really necessary?"</B>  Click the link.</div> <bR> <div> It will take you to an anchor (2ndcoat) on a different page (id19.htm) in a different subdirectory: <FONT SIZE="2" COLOR="#0000FF" FACE="Arial" ><U>http://www.lambertusa.com/resource/id19_2ndcoat.htm</U></FONT></div> <div> CSB only made that special page because I have another link from within my RESOURCE tlx file to the link.</div> </tD> </tR> </TABLE></div> <bR> <bR> <bR> <bR> <div> <B> <A NAME="linktests"><IMG BORDER="0" SRC="1x1.gif" HEIGHT="1" ALIGN="bottom" WIDTH="1" HSPACE="0" VSPACE="0" ></A></B></div> <div> <B>LINK TO ANCHOR ON FRAMED PAGE - TESTS!</B></div> <bR> <div> <B>A. This is a link to the first anchor: </B><A HREF="#test1" TITLE="Anchors"><B>test1</B></A><B>   </B><FONT SIZE="3" COLOR="#6600FF" FACE="Arial" ><B>This link works!</B></FONT></div> <div> This link was placed into the page using " Link to an anchor on current page" and chose test1 from list</div> <div> <TABLE BORDER="1" CELLPADDING="2" CELLSPACING="0" WIDTH="716" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=CENTER HEIGHT= 251 ><NOBR><div> <IMG SRC="3db4ff50.gif" border=0 width="335" height="245" ALIGN="BOTTOM" HSPACE="0" VSPACE="0">     <IMG SRC="3dc5caf0.gif" border=0 width="348" height="175" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> </NOBR></tD> </tR> </TABLE></div> <bR> <bR> <div> <B>LINKS BELOW ARE MADE USING INSERTED HTML CODE:</B></div> <div> <B>B. This is a link to the second anchor:  <a href="#test2" onmouseover="this.style.color='#FF0000'" onmouseout="this.style.color='#330066'">test2</a>   </B><FONT SIZE="3" COLOR="#6600FF" FACE="Arial" ><B>This link works!</B></FONT></div> <div> This link was placed using inserted HTML code.  #test2     This link will  work because only the link name is used. </div> <div> <a href="<FONT SIZE="2" COLOR="#CC0000" FACE="Arial" ><B>#test2</B></FONT>" onmouseover="this.style.color='#FF0000'"  onmouseout="this.style.color='#330066'">test2</a></div> <bR> <div> <B>C. This is a link to the second anchor:  <a href="http://www.samisite.com/test-csb/id137.htm#test2" target="_top" onmouseover="this.style.color='#FF0000'" onmouseout="this.style.color='#330066'">test2</a>    </B><B>This link will not work!  </B><FONT SIZE="1" COLOR="#330066" FACE="Arial" ><I>Press BACK to return to this page if you try it!</I></FONT></div> <div> This link was placed using inserted HTML code, using the same pattern as a link to a non-frame anchor. </div> <div> <B>This link will </B><FONT SIZE="2" COLOR="#CC0000" FACE="Arial" ><B>not</B></FONT><B> work</B> because the page is published with frames.  <B>The page will reload, but not go to the anchor!</B></div> <div> <a href="http://www.samisite.com/test-csb/<FONT SIZE="2" COLOR="#CC0000" FACE="Arial" ><B>id137.htm#test2</B></FONT>" target="_top" onmouseover="this.style.color='#FF0000'"  onmouseout="this.style.color='#330066'">test2</a></div> <bR> <div> <B>D. This is a link to the second anchor:  <a href="http://www.samisite.com/test-csb/id137_test2.htm" target="_top" onmouseover="this.style.color='#FF0000'" onmouseout="this.style.color='#330066'">test2</a>    This link will not work! </B><FONT SIZE="1" COLOR="#330066" FACE="Arial" ><I>Press BACK to return to this page if you try it!</I></FONT></div> <div> This link was placed using inserted HTML code, using the same pattern as a link to a framed anchor. </div> <div> <B>This link will </B><FONT SIZE="2" COLOR="#CC0000" FACE="Arial" ><B>not</B></FONT><B> work</B> because the page is published with frames, but anchor is on the same page.</div> <div> There is no link to anchor test2 from any other page in the tlx file so no special page was made by the program!  </div> <div> <a href="http://www.samisite.com/test-csb/<FONT SIZE="2" COLOR="#CC0000" FACE="Arial" ><B>id137_test2.htm</B></FONT>" target="_top" onmouseover="this.style.color='#FF0000'"  onmouseout="this.style.color='#330066'">test2</a></div> <div> <B> <A NAME="e_sample"><IMG BORDER="0" SRC="1x1.gif" HEIGHT="1" ALIGN="bottom" WIDTH="1" HSPACE="0" VSPACE="0" ></A></B></div> <div> <B>E. This is a link to the third anchor:  <a href="http://www.samisite.com/test-csb/id137_test3.htm" target="_top" onmouseover="this.style.color='#FF0000'" onmouseout="this.style.color='#330066'">test3</a>    </B><FONT SIZE="3" COLOR="#6600FF" FACE="Arial" ><B>This link works using the work around!</B></FONT></div> <div> This link was placed using inserted HTML code.    This is the same code as shown above in D that did not work.</div> <div> <B>But this link will work</B><B> because a link from another page was made which forced the creation of the special anchor page!  Then any code that is inserted can use the special page name for the link.</B></div> <div> <a href="http://www.samisite.com/test-csb/<FONT SIZE="2" COLOR="#CC0000" FACE="Arial" ><B>id137_test3.htm</B></FONT>" target="_top" onmouseover="this.style.color='#FF0000'"  onmouseout="this.style.color='#330066'">test3</a></div> <bR> <div> <B>On the </B><A HREF="index_anchort3.htm" TARGET="_top" TITLE="Test Index"><B>index page</B></A><B> of this subdirectory design file, a link to test3 anchor was  inserted. </B></div> <div> <B>This "forcing link" caused the special page </B><FONT SIZE="2" COLOR="#CC0000" FACE="Arial" ><B>id137_test3.htm </B></FONT><B>to be made so the link would work properly on this sample.</B></div> <div> <B>I could have used a gray image so noone would be able to see it, but choose to make it a text link to demonstrate.</B></div> <div> <TABLE BORDER="1" CELLPADDING="1" CELLSPACING="0" WIDTH="737" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 249 ><NOBR><div> <IMG SRC="3dd76f30.gif" border=0 width="374" height="243" ALIGN="BOTTOM" HSPACE="0" VSPACE="0">  <IMG SRC="3de5bae0.gif" border=0 width="347" height="174" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> </NOBR></tD> </tR> </TABLE></div> <bR> <bR> <div> <B>F. This is a link to the fourth anchor:  <a href="http://www.samisite.com/test-csb/id137_m.htm#test4" target="_top" onmouseover="this.style.color='#FF0000'" onmouseout="this.style.color='#330066'">test4</a>  </B></div> <div> This link was placed using inserted HTML code.</div> <div> <B>This link will </B><FONT SIZE="2" COLOR="#CC0000" FACE="Arial" ><B>not</B></FONT><B> work</B> because the link is trying to link directly to the MIDDLE frame page, then to the anchor. CSB does not allow you to link to the middle frame page that way!</div> <bR> <div> <FONT SIZE="2" COLOR="#330066" FACE="Arial" ><a href="http://www.samisite.com/test-csb/</FONT><B>id137</B><B>_m</B><B>.htm</B><FONT SIZE="2" COLOR="#330066" FACE="Arial" >#test4" target="_top" onmouseover="this.style.color='#FF0000'"  onmouseout="this.style.color='#330066'">test4</a></FONT></div> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <div>  <A NAME="test1"><IMG BORDER="0" SRC="1x1.gif" HEIGHT="1" ALIGN="bottom" WIDTH="1" HSPACE="0" VSPACE="0" ></A></div> <div> TEST1 ANCHOR</div> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <div>  <A NAME="test2"><IMG BORDER="0" SRC="1x1.gif" HEIGHT="1" ALIGN="bottom" WIDTH="1" HSPACE="0" VSPACE="0" ></A></div> <div> TEST2 ANCHOR</div> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <div>  <A NAME="test3"><IMG BORDER="0" SRC="1x1.gif" HEIGHT="1" ALIGN="bottom" WIDTH="1" HSPACE="0" VSPACE="0" ></A></div> <div> TEST3 ANCHOR</div> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <div>  <A NAME="test4"><IMG BORDER="0" SRC="1x1.gif" HEIGHT="1" ALIGN="bottom" WIDTH="1" HSPACE="0" VSPACE="0" ></A></div> <div> TEST4</div> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> </td> </tr></table></body>