Side-By-Side Double Iframes

<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="697" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" ALIGN="LEFT" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=CENTER HEIGHT= 35 ><NOBR><div> <B>Sami's Site: CSB - Trellix Support and Tests</B></div> </NOBR></tD> <tD VALIGN=CENTER WIDTH="65"><div> <FONT SIZE="3" COLOR="#000000" FACE="Arial" > </FONT>     <FONT SIZE="1" COLOR="#CCCC99" FACE="Arial" >   </FONT></div> </tD> <tD VALIGN=CENTER WIDTH="110"><div> </div> </tD> </tR> </TABLE></div> <div> </div> </td> </tr><tr> <td valign="top" height=430 BGCOLOR="#DDDDDD" TEXT="#080000"> <div> <A HREF="http://www.samisite.com/test-csb2nf/id43.htm" TARGET="_top" TITLE="http://www.samisite.com/test-csb2nf/id43"><U><B>RETURN TO MAIN IFRAME TUTORIAL</B></U></A></div> <bR> <div> <B>Side-By-Side Double Iframes</B></div> <DIV ALIGN="LEFT"></DIV> <div> <B> <STYLE>  </STYLE>  </B></div> <bR> <div> <B> <TABLE BORDER="1" CELLPADDING="0" CELLSPACING="0" WIDTH="537" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#C0DCC0" FRAME="BOX" RULES="NONE" HSPACE="0" VSPACE="0" BGCOLOR=#C0DCC0 > <tR> <tD VALIGN=TOP COLSPAN=2 BGCOLOR=#C0DCC0 HEIGHT= 37 WIDTH="533"><div> <B>STATIC IFRAME EXAMPLE WINDOWS:</B></div> <bR> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#C0DCC0 HEIGHT= 63 WIDTH="156"><div> <B>"FRAME3"</B></div> <bR> <div>  <iframe name="FRAME3" src="frame3link.htm" width="100" height="280" frameborder="0" scrolling="no"></iframe>  </div> </tD> <tD VALIGN=TOP BGCOLOR=#C0DCC0 WIDTH="377"><div> <B>"FRAME4"</B></div> <bR> <div>  <iframe name="FRAME4" src="frame4blank.htm" width="335" height="280" frameborder="0" scrolling="no" ></iframe>  </div> </tD> </tR> <tR> <tD VALIGN=TOP COLSPAN=2 BGCOLOR=#C0DCC0 HEIGHT= 32 WIDTH="533"><div> <B>(These two frames are borderless and the color of the</B></div> <div> <B>content pages matches the table so they are invisible)</B></div> </tD> </tR> </TABLE></B></div> <bR> <bR> <div> <B>STRUCTURE:</B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700dc00000000.png" HEIGHT="15" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">An iframe page that has your two windows to other pages: iframes.</B></div> <div> (this is my iframe page and has the iframes FRAME3 and FRAME4 above) </div> <bR> <div> <B><IMG BORDER="0" SRC="Symb075c00b700dc00000000.png" HEIGHT="15" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">A link page that will be seen in the first iframe. This page has your list of links. </B></div> <div> (my links page: <A HREF="http://www.samisite.com/moreiframes/frame3link.htm" TARGET="_blank" TITLE="http://www.samisite.com/moreiframes/fram"><U>http://www.samisite.com/moreiframes/frame3link.htm</U></A> and it is seen in FRAME3) </div> <bR> <div> <B><IMG BORDER="0" SRC="Symb075c00b700dc00000000.png" HEIGHT="15" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Then you decide what pages you want to show in the second frame.</B><B> </B></div> <div> (I have placed each image that appears in the second iframe on a separate page. These appear in my FRAME4.</div> <div> You could also choose to use one really long page with anchors that stop you at different points on the page.  FAQ pages often use this technique)</div> <div> <A HREF="http://www.samisite.com/moreiframes/frame4blank.htm" TARGET="_blank" TITLE="http://www.samisite.com/moreiframes/fram"><U>http://www.samisite.com/</U></A><A HREF="http://www.samisite.com/moreiframes/frame4blank.htm" TARGET="_blank" TITLE="http://www.samisite.com/moreiframes/fram"><U>moreiframes</U></A><A HREF="http://www.samisite.com/moreiframes/frame4blank.htm" TARGET="_blank" TITLE="http://www.samisite.com/moreiframes/fram"><U>/frame4blank.htm</U></A> </div> <div> <A HREF="http://www.samisite.com/moreiframes/frame4spaz.htm " TARGET="_blank" TITLE="http://www.samisite.com/moreiframes/fram"><U>http://www.samisite.com/</U></A><A HREF="http://www.samisite.com/moreiframes/frame4spaz.htm " TARGET="_blank" TITLE="http://www.samisite.com/moreiframes/fram"><U>moreiframes</U></A><A HREF="http://www.samisite.com/moreiframes/frame4spaz.htm " TARGET="_blank" TITLE="http://www.samisite.com/moreiframes/fram"><U>/frame4spaz.htm</U></A> </div> <div> <A HREF="http://www.samisite.com/moreiframes/frame4si.htm" TARGET="_blank" TITLE="http://www.samisite.com/moreiframes/fram"><U>http://www.samisite.com/</U></A><A HREF="http://www.samisite.com/moreiframes/frame4si.htm" TARGET="_blank" TITLE="http://www.samisite.com/moreiframes/fram"><U>moreiframes</U></A><A HREF="http://www.samisite.com/moreiframes/frame4si.htm" TARGET="_blank" TITLE="http://www.samisite.com/moreiframes/fram"><U>/frame4si.htm</U></A> </div> <div> <A HREF="http://www.samisite.com/moreiframes/frame4oscar.htm" TARGET="_blank" TITLE="http://www.samisite.com/moreiframes/fram"><U>http://www.samisite.com/</U></A><A HREF="http://www.samisite.com/moreiframes/frame4oscar.htm" TARGET="_blank" TITLE="http://www.samisite.com/moreiframes/fram"><U>moreiframes</U></A><A HREF="http://www.samisite.com/moreiframes/frame4oscar.htm" TARGET="_blank" TITLE="http://www.samisite.com/moreiframes/fram"><U>/frame4oscar.htm</U></A> </div> <div> <A HREF="http://www.samisite.com/moreiframes/frame4silky.htm" TARGET="_blank" TITLE="http://www.samisite.com/moreiframes/fram"><U>http://www.samisite.com/</U></A><A HREF="http://www.samisite.com/moreiframes/frame4silky.htm" TARGET="_blank" TITLE="http://www.samisite.com/moreiframes/fram"><U>moreiframes</U></A><A HREF="http://www.samisite.com/moreiframes/frame4silky.htm" TARGET="_blank" TITLE="http://www.samisite.com/moreiframes/fram"><U>/frame4silky.htm</U></A></div> <bR> <bR> <div> <B>STEP 1: </B><B>CREATE AN IFRAME</B></div> <bR> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Each iFrame requires one simple code put </B><B>into Insert > HTML </B><B>(or webgem in Trellix)</B></div> <div> You name the iframe, you define the size and you say what page you want to display. You can also define if you want a border, scrollbars or transparency, but those are not absolutely necessary. </div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Modify items highlighted in </B><FONT SIZE="3" COLOR="#6600FF" FACE="Arial" ><B>blue</B></FONT><B> in code as necessary to fit your site.</B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Put this code where you want your frame to be.</B></div> <bR> <div> <B>FRAMES 3 & 4: both are </B><B>borderless, shown in green box above, scroll bar turned off.</B><B>    </B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700c899006600.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">FRAME3:</B></div> <div> <B><iframe name="</B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>FRAME3</B></FONT><B>" src="</B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>frame3link.htm</B></FONT><B>"</B><FONT SIZE="2" COLOR="#660099" FACE="Arial" ><B> </B></FONT><B>width="</B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>100</B></FONT><FONT SIZE="2" COLOR="#660099" FACE="Arial" ><B>" </B></FONT><B>height="</B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>280</B></FONT><B>" frameborder="</B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>0</B></FONT><B>"</B><FONT SIZE="2" COLOR="#660099" FACE="Arial" ><B> </B></FONT><B>scrolling=</B><B>"</B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>no</B></FONT><B>"</B><B>></iframe></B></div> <bR> <div> <B><IMG BORDER="0" SRC="Symb075c00b700c899006600.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">FRAME4:</B></div> <div> <B><iframe name="</B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>FRAME4</B></FONT><B>" src="</B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>frame4blank.htm</B></FONT><B>" width="</B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>335</B></FONT><B>" height="</B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>280</B></FONT><B>" frameborder="</B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>0</B></FONT><B>" </B><FONT SIZE="2" COLOR="#000000" FACE="Arial" ><B>scrolling=</B><B>"</B></FONT><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>no</B></FONT><FONT SIZE="2" COLOR="#000000" FACE="Arial" ><B>"</B></FONT><B> ></iframe></B></div> <bR> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="737" BORDERCOLORLIGHT="#9999CC" BORDERCOLORDARK="#9999CC" FRAME="BOX" RULES="ROWS" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP COLSPAN=3 BGCOLOR=#FFFFFF HEIGHT= 20 WIDTH="717"><div> <B>Understanding the basic iFrame code:</B></div> </tD> </tR> <tR> <tD VALIGN=TOP COLSPAN=3 HEIGHT= 51 WIDTH="717"><div> <B><iframe name="FRAMENAME" src="</B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>contentpage.htm</B></FONT><B>"</B><FONT SIZE="2" COLOR="#660099" FACE="Arial" ><B> </B></FONT><B>width="</B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>100</B></FONT><FONT SIZE="2" COLOR="#660099" FACE="Arial" ><B>" </B></FONT><B>height="</B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>280</B></FONT><B>" frameborder="</B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>0</B></FONT><B>"</B><FONT SIZE="2" COLOR="#660099" FACE="Arial" ><B> </B></FONT><B>scrolling="</B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>no</B></FONT><B>"</B><B>></iframe></B></div> <bR> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 16 ><NOBR><div> <B>Code elements: </B></div> </NOBR></tD> <tD VALIGN=TOP WIDTH="176"><div> <B>Used in samples:</B></div> </tD> <tD VALIGN=TOP WIDTH="398"><div> <B>What is it?</B></div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 54 WIDTH="141"><div> <B>iframe name</B></div> </tD> <tD VALIGN=TOP WIDTH="176"><div> <B>FRAME3</B></div> <div> <B>FRAME4</B></div> </tD> <tD VALIGN=TOP><NOBR><div> <B>Name of the frame </B>(call it anything you want)</div> <div> No spaces, no symbols except - and _</div> <div> Multiple iframes: each iFrame needs a different name</div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 72 WIDTH="141"><div> <B>src</B></div> </tD> <tD VALIGN=TOP WIDTH="176"><div> <B>frame4blank.htm</B></div> <div> <B>frame4spaz.htm</B></div> <div> <B>frame4si.htm</B></div> <div> <B>frame4oscar.htm</B></div> </tD> <tD VALIGN=TOP><NOBR><div> <B>Address</B> of the Contents page that you want to see in the frame  </div> <div> <B>Best choice:</B> start with a basic page with an introduction, etc.</div> <div> <FONT SIZE="2" COLOR="#000000" FACE="Arial" >I use </FONT><B>frame4blank.htm</B><B> </B><FONT SIZE="2" COLOR="#000000" FACE="Arial" > for this purpose</FONT></div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 35 WIDTH="141"><div> <B>width</B></div> </tD> <tD VALIGN=TOP WIDTH="176"><div> <B>100</B></div> <div> <B>40%</B></div> </tD> <tD VALIGN=TOP WIDTH="398"><div> <B>Wide: </B>Enter number of <B>pixels</B> for the window</div> <div> Or enter the <B>percentage</B> for the window size </div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 35 WIDTH="141"><div> <B>height</B></div> </tD> <tD VALIGN=TOP WIDTH="176"><div> <B>280</B></div> <div> <B>60%</B></div> </tD> <tD VALIGN=TOP WIDTH="398"><div> <B>High:</B> Enter number of <B>pixels</B> for the window</div> <div> Or enter the <B>percentage</B> for the window size </div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 35 WIDTH="141"><div> <B>frameborder</B></div> </tD> <tD VALIGN=TOP WIDTH="176"><div> <B>1</B><FONT SIZE="2" COLOR="#3333FF" FACE="Arial" ><B> </B></FONT><FONT SIZE="2" COLOR="#000000" FACE="Arial" >= show a 3d edge</FONT></div> <div> <B>0</B><FONT SIZE="2" COLOR="#3333FF" FACE="Arial" ><B> </B></FONT><FONT SIZE="2" COLOR="#000000" FACE="Arial" >= no border</FONT></div> </tD> <tD VALIGN=TOP WIDTH="398"><div> <B>3d edge </B>on the iFrame window </div> <div> Using 0 makes the edge invisible.</div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 101 WIDTH="141"><div> <B>scrolling</B></div> </tD> <tD VALIGN=TOP><NOBR><div> <B>auto</B><FONT SIZE="2" COLOR="#3333FF" FACE="Arial" ><B> </B></FONT><FONT SIZE="2" COLOR="#000000" FACE="Arial" >= browser decides</FONT></div> <div> <B>yes</B><FONT SIZE="2" COLOR="#3333FF" FACE="Arial" ><B> </B></FONT><FONT SIZE="2" COLOR="#000000" FACE="Arial" >= always have</FONT></div> <div> <B>no</B><FONT SIZE="2" COLOR="#3333FF" FACE="Arial" ><B> </B></FONT><FONT SIZE="2" COLOR="#000000" FACE="Arial" >= do not show</FONT></div> </NOBR></tD> <tD VALIGN=TOP WIDTH="398"><div> <B>Scroll bar: </B> if your content page is too long or wide to fit into the iFrame, then scroll bars appear automatically as needed, even without the scrolling="auto" code!</div> <div> <B>Adding </B><B>scrolling="</B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>no</B></FONT><B>" </B><B>to your code will stop the scroll bar from showing. </B>But be careful!  If you have content outside the window, your visitor will not be able to see it.</div> </tD> </tR> </TABLE></div> <bR> <bR> <div> <B>STEP 2: </B><B>CREATE LINKS TO CHANGE THE CONTENT</B></div> <bR> <div> <B>Each Link to change the content must have a target defined.  </B></div> <div> <B>The target is the </B><FONT SIZE="3" COLOR="#6600CC" FACE="Arial" ><B>NAME OF THE </B><B>FRAME</B></FONT><B> where you want the page to appear.</B><B>  </B></div> <div> On this page, I use two names: <FONT SIZE="3" COLOR="#6600CC" FACE="Arial" ><B>FRAME3 </B></FONT>and <FONT SIZE="3" COLOR="#6600CC" FACE="Arial" ><B>FRAME4</B></FONT>. The names must be unique!!  </div> <bR> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">CSB/TRELLIX: Add target info to URL link properties as shown in this screen print</B></div> <div> <B>Setting for one link in Frame 3 to change Frame 4:      </B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>frame4spaz.htm</B></FONT><B>" target="</B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>FRAME4  </B></FONT></div> <div> (Leave off the final " because CSB/Trellix will add it for you)</div> <bR> <div> (If using CSB3 or Trellix, disregard the _top setting shown in image below!)</div> <div> <B><IMG SRC="08a91130.gif" border=0 width="401" height="275" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></div> <bR> <bR> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">HTML CODE FOR SIMPLE TEXT LINK: </B></div> <div> <B>Code can also be inserted manually with Insert > HTML  </B><B>(webgem in Trellix)</B></div> <bR> <div> <B>These links are placed on the link page</B> (<A HREF="frame3link.htm" TARGET="_top" TITLE="_"><U>frame3link.htm</U></A>)<B> and </B><B>appear in Frame 3 above.</B></div> <div> <B>They change the content of FRAME4 because the target is defined that way: </B></div> <bR> <div> <B><IMG BORDER="0" SRC="Symb075c00b700dc00000000.png" HEIGHT="15" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Using "relative links" you just put in the page name, staying within the same directory:</B></div> <div> <B><a href="</B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>frame4spaz.htm</B></FONT><B>" target="</B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>FRAME4</B></FONT><B>"></B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>SPAZ</B></FONT><B></a> </B></div> <div> <B><a href="</B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>frame4si.htm</B></FONT><B>" target="</B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>FRAME4</B></FONT><B>"></B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>SI</B></FONT><B></a> </B></div> <div> <B><a href="</B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>frame4oscar.htm</B></FONT><B>" target="</B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>FRAME4</B></FONT><B>"></B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>OSCAR</B></FONT><B></a> </B></div> <div> <B><a href="</B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>frame4silky.htm</B></FONT><B>" target="</B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>FRAME4</B></FONT><B>"></B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>SILKY</B></FONT><B></a> </B></div> <bR> <div> <B><IMG BORDER="0" SRC="Symb075c00b700dc00000000.png" HEIGHT="15" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Using "absolute links" you put in the full url address.  This is perfect if you are calling up a page that is off-site, but can be used for links that stay within the same directory or to other subdirectories.</B></div> <div> <B><a href="</B>http://www.samisite.com/moreiframes/<FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>frame4spaz.htm</B></FONT><B>" target="</B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>FRAME4</B></FONT><B>"></B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>SPAZ</B></FONT><B></a> </B></div> <div> <B><a href="</B><FONT SIZE="2" COLOR="#000000" FACE="Arial" >http://www.samisite.com/moreiframes/</FONT><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>frame4si.htm</B></FONT><B>" target="</B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>FRAME4</B></FONT><B>"></B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>SI</B></FONT><B></a> </B></div> <div> <B><a href="</B><FONT SIZE="2" COLOR="#000000" FACE="Arial" >http://www.samisite.com/moreiframes/</FONT><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>frame4oscar.htm</B></FONT><B>" target="</B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>FRAME4</B></FONT><B>"></B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>OSCAR</B></FONT><B></a> </B></div> <div> <B><a href="</B><FONT SIZE="2" COLOR="#000000" FACE="Arial" >http://www.samisite.com/moreiframes/</FONT><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>frame4silky.htm</B></FONT><B>" target="</B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>FRAME4</B></FONT><B>"></B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>SILKY</B></FONT><B></a> </B></div> <bR> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Image link, rollover links, button links, etc can all be used.</B></div> <div> Just make sure the target="" statement has the iframe defined.</div> <bR> </td> </tr></table></body>