Test Index

<BODY BGCOLOR="#DDDDDD" TEXT="#080000" LINK="#330099" ALINK="#330066" VLINK="#330066">  <div> <B>CSB-Trellix TEST AREA 1: </B><FONT SIZE="5" COLOR="#660099" FACE="Arial" ><B> <STYLE>  </STYLE> <STYLE type=text/css> #btnPanel { background-color: #9999cc; border: 1px #660099 solid; width: 178px; margin: 2px; padding: 4px; } .dynbutton { font-family:verdana; font-weight: bold; text-align: center; margin: 3px; } .dynbutton a { padding: 4px; text-decoration: none; color: #ffffff; font-family:verdana; font-weight: bold; width: 165px; display: block; background-color: #9999cc; border-top: 2px #cce3ff solid; border-left: 2px #cce3ff solid; border-bottom: 2px #31557f solid; border-right: 2px #31557f solid; } .dynbutton a:hover { background-color: #ffffff; color: #660099; border-top: 2px #31557f solid; border-left: 2px #31557f solid; border-bottom: 2px #9999ff solid; border-right: 2px #9999ff solid; } </style>  </B></FONT></div> <div> <TABLE BORDER="2" CELLPADDING="1" CELLSPACING="1" WIDTH="766" BORDERCOLORLIGHT="#330066" BORDERCOLORDARK="#663399" FRAME="HSIDES" RULES="NONE" HSPACE="0" VSPACE="0" BGCOLOR=#C0DCC0 > <tR> <tD VALIGN=TOP HEIGHT= 87 ><NOBR><div> <A HREF="http://www.samisite.com" TARGET="_top" TITLE="http://www.samisite.com"><IMG SRC="20052550.jpg" border=0 width="82" height="85" ALT="sam's logo" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></A></div> </NOBR></tD> <tD VALIGN=TOP WIDTH="180"><div> <B> <p class="dynbutton"><a href="../test-csb2nf/" title="IFrames and Linking" target="_top">Test Area 2:<br>Iframes-Links-Arrowhead</a></p> <p class="dynbutton"><a href="../photo/" title="Lots of photo options and tutorials" target="_top">Work with Photos<br>Galleries-Applets-etc</a></p>  </B></div> </tD> <tD VALIGN=CENTER WIDTH="309"><div> <FONT SIZE="2" COLOR="#330099" FACE="Arial" ><B>NOTE: </B></FONT><B> This site is constantly being updated and expanded.   </B>If you have visited before, you might have to reload/refresh the pages to get the newest version of the pages. </div> </tD> <tD VALIGN=TOP WIDTH="180"><div> <B> <p class="dynbutton"><a href="../backgrounds/" title="Tips and Tricks for page backgrounds and layered images" target="_top">Page Backgrounds:<br>Watermarks-Slideshows</a></p> <p class="dynbutton"><a href="http://www.forum.samisite.com" title="Just visit or share, ask and answer website building questions here!" target="_top">Samisie Webmaster<br>Community Forum<br></a></p>  </B></div> </tD> </tR> </TABLE></div> <bR> <div> <B> <TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="760" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 612 ><NOBR><div> <B> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="369" BORDERCOLORLIGHT="#9999CC" BORDERCOLORDARK="#9999CC" FRAME="HSIDES" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 387 WIDTH="363"><div> <B>TABLES</B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700c866003300.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Table Basics </B></div> <div> <A HREF="id25.htm" TARGET="_top" TITLE="Table 1"><B><IMG BORDER="0" SRC="Symb075c00b700c866003300.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Table 1 - CSB adds extra spaces to Table</B></A><B> </B></div> <div> extra space shows up below the inner table</div> <div> <A HREF="id36.htm" TARGET="_top" TITLE="Table 2"><B><IMG BORDER="0" SRC="Symb075c00b700c866003300.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Table 2 - Inserting Images and text</B></A></div> <div> merging cells basics - <FONT SIZE="2" COLOR="#9933FF" FACE="Verdana" >CSB error documented</FONT></div> <div> <A HREF="id129.htm" TARGET="_top" TITLE="Table 3"><B><IMG BORDER="0" SRC="Symb075c00b700c866003300.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Table 3 - Adjust your tables</B></A></div> <div> 2 ways to change column widths or row heights</div> <div> <A HREF="id99.htm" TARGET="_top" TITLE="Table 4"><B><IMG BORDER="0" SRC="Symb075c00b700c866003300.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Table 4 - Design to specific needs</B></A></div> <div> More advanced merging table example</div> <div> <A HREF="id133.htm" TARGET="_top" TITLE="Table 5"><B><IMG BORDER="0" SRC="Symb075c00b700c866003300.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Table 5 - Tables in Page Layout TOP</B></A></div> <div> Centereing does not necessarily work</div> <div> <A HREF="layered_tables.htm" TARGET="_top" TITLE="Layered Tables"><B><IMG BORDER="0" SRC="Symb075c00b700c866003300.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Table 6 - LAYERED TABLES</B></A></div> <div> Samisite Home page is made with TABLES</div> <div> <A HREF="id115.htm" TARGET="_top" TITLE="Background Image in Table"><B><IMG BORDER="0" SRC="Symb075c00b700c866003300.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Background Image in a Table</B></A><B> </B><FONT SIZE="2" COLOR="#000000" FACE="Verdana" ><B><IMG SRC="38d10110.png" border=0 width="16" height="17" ALIGN="BOTTOM" HSPACE="0" VSPACE="0">HARD!</B></FONT></div> <div> 4 samples - PLAIN TEXT or LINKS regular (static) HAND CODE IT: rollover text links in a tables with image background, and 3 layer table    <FONT SIZE="2" COLOR="#9933FF" FACE="Verdana" >Very Cool!</FONT></div> <div> <A HREF="tableimage.htm" TARGET="_top" TITLE="Background Image in Table"><B><IMG BORDER="0" SRC="Symb075c00b700c866003300.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Background Image in a Table</B></A><B> </B><FONT SIZE="2" COLOR="#000000" FACE="Verdana" ><B><IMG SRC="38d10110.png" border=0 width="16" height="17" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"> </B></FONT><FONT SIZE="3" COLOR="#BF00BF" FACE="Verdana" ><B>EASY!</B></FONT></div> <div> 2 samples - 2 tiny pieces of code   BUT IE ONLY!</div> </tD> </tR> </TABLE></B></div> <bR> <bR> <bR> <div> <B>[This test area is published with frames - static borders]</B></div> <bR> </NOBR></tD> <tD VALIGN=TOP><NOBR><div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="369" BORDERCOLORLIGHT="#9999CC" BORDERCOLORDARK="#9999CC" FRAME="HSIDES" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 125 ><NOBR><div> <B>MENUS</B></div> <div> <A HREF="id95.htm" TARGET="_top" TITLE="Menu Buttons"><B><IMG BORDER="0" SRC="Symb075c00b700c866003300.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Menu BUTTONS</B></A><B> - HTML code - no flash needed</B></div> <div> Rollover (mouseover) to change color/style </div> <div> <IMG SRC="225090a0.png" border=0 width="9" height="10" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"> <FONT SIZE="2" COLOR="#9933FF" FACE="Verdana" >like the button above to link to Test Area 2!</FONT></div> <div> <A HREF="id28.htm" TARGET="_top" TITLE="Folding Menu Tree"><B><IMG BORDER="0" SRC="Symb075c00b700c866003300.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Folding Menu Tree</B></A><B> - clickable folder images </B></div> <div> make a special menu, works with or without frames</div> <div> 3 versions (1, 2 Javascript Kit, 3 <A HREF="id104.htm" TARGET="_top" TITLE="FMT3Dynamic Drive">Dynamic Drive</A>)</div> </NOBR></tD> </tR> </TABLE></div> <bR> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="369" BORDERCOLORLIGHT="#9999CC" BORDERCOLORDARK="#9999CC" FRAME="HSIDES" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 94 WIDTH="363"><div> <B>BORDERS</B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700c866003300.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Border Basics</B></div> <div> <A HREF="id55.htm" TARGET="_top" TITLE="Double Border Detail"><B><IMG BORDER="0" SRC="Symb075c00b700c866003300.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Double Border DETAIL</B></A><B> - idea from Thomas </B></div> <div> Static top border, changable 2nd border and middle text-detailed sample. <FONT SIZE="1" COLOR="#330066" FACE="Verdana" ><A HREF="id58.htm" TARGET="_top" TITLE="Double Border"><B>1st draft Double Border</B></A></FONT></div> </tD> </tR> </TABLE></div> <bR> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="369" BORDERCOLORLIGHT="#9999CC" BORDERCOLORDARK="#9999CC" FRAME="HSIDES" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 132 ><NOBR><div> <B>STUFF</B></div> <div> <A HREF="id47.htm" TARGET="_top" TITLE="Hidden Site Map"><B><IMG BORDER="0" SRC="Symb075c00b700c866003300.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">GUIDES</B></A><B> - </B></div> <div> <IMG SRC="225090a0.png" border=0 width="9" height="10" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"> <FONT SIZE="2" COLOR="#330066" FACE="Verdana" >Direct your visitors with a series of questions</FONT></div> <div> <A HREF="id47.htm" TARGET="_top" TITLE="Hidden Site Map"><B><IMG BORDER="0" SRC="Symb075c00b700c866003300.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Hidden Site Map</B></A><B> - save space - hide the map</B></div> <div> <IMG SRC="225090a0.png" border=0 width="9" height="10" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"> <FONT SIZE="2" COLOR="#330066" FACE="Verdana" >This whole test area 1 has a hidden site map!</FONT></div> <div> <A HREF="id137.htm" TARGET="_top" TITLE="Anchors"><B><IMG BORDER="0" SRC="Symb075c00b700c866003300.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Anchors</B></A><B> - jump to a specific part of the page</B></div> <div> <IMG SRC="225090a0.png" border=0 width="9" height="10" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"> <FONT SIZE="2" COLOR="#330066" FACE="Verdana" >Click a link and move to the paragraph you want.</FONT></div> </NOBR></tD> </tR> </TABLE></div> <bR> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="369" BORDERCOLORLIGHT="#9999CC" BORDERCOLORDARK="#9999CC" FRAME="HSIDES" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 135 WIDTH="363"><div> <B>OLD-Not Updated...reference only</B></div> <div> <A HREF="id37.htm" TARGET="_top" TITLE="Design a Form!"><B><IMG BORDER="0" SRC="Symb075c00b700c866003300.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Design a FORM using a CSB Table</B></A></div> <div> Simple 123 method to create a visitor form or customize and existing dull form</div> <div> <FONT SIZE="2" COLOR="#000066" FACE="Verdana" ><IMG SRC="225090a0.png" border=0 width="9" height="10" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"> </FONT><A HREF="id108.htm" TARGET="_top" TITLE="Printable Form with Tables"><B>Printable form</B></A> - no email response- interactive</div> <div> <FONT SIZE="2" COLOR="#000066" FACE="Verdana" ><IMG SRC="225090a0.png" border=0 width="9" height="10" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"> </FONT><A HREF="formreq.htm" TARGET="_top" TITLE="Form with required fields"><B>Special Features</B></A> - require fields, thank you page</div> <div> <FONT SIZE="2" COLOR="#000066" FACE="Verdana" ><IMG SRC="225090a0.png" border=0 width="9" height="10" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"> </FONT><A HREF="formplus.htm" TARGET="_top" TITLE="formplus"><B>Special Features</B></A> - require fields, highlight, limit..</div> <div> <FONT SIZE="2" COLOR="#000066" FACE="Verdana" ><IMG SRC="225090a0.png" border=0 width="9" height="10" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"> </FONT><A HREF="formplus2.htm" TARGET="_top" TITLE="formplus 2"><B>Special Features</B></A> - require fields, disable enter...</div> </tD> </tR> </TABLE></div> <bR> </NOBR></tD> </tR> </TABLE></B></div> <bR> <div> <FONT SIZE="2" COLOR="#000066" FACE="Verdana" ><IMG SRC="225090a0.png" border=0 width="9" height="10" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"> </FONT><B>Visit my </B><A HREF="http://www.samisite.com/webbuild.htm" TARGET="_top" TITLE="http://www.samisite.com/webbuild.htm"><B>web building resources</B></A><B> page for links to great programs, sites, scripts!</B></div> <bR> <div> <FONT SIZE="2" COLOR="#000066" FACE="Verdana" ><B>These tuturials are designed to show that code from Dynamic Drive, Javascript Kit, and other places can be placed into a CSB or Trellix tlx file using Insert > HTML code (Webgem in Trellix).  </B></FONT><B> </B>Some tests on these pages were created not as tutorials, but to check a possible problem in a tlx file, or in the program itself and used to document program release bugs.</div> <bR> <div> <B>I have placed a few pages that say "basics" on the tables above.  These are planned pages.</B></div> <bR> <bR> <div> <B>DISCLAIMER:</B></div> <div> These are not intended to show the only way something is done, or the best way to do something!</div> <div> I am not a programmer or professionally trained.  I am just a user of Trellix and CSB.</div> <div> These are samples and tests I have done to assist others in building their websites or to learn features for use in my own projects.</div> <div> <FONT SIZE="2" COLOR="#FF0000" FACE="Verdana" ><B> <A NAME="anchort3"><IMG BORDER="0" SRC="1x1.gif" HEIGHT="1" ALIGN="bottom" WIDTH="1" HSPACE="0" VSPACE="0" ></A></B></FONT><A HREF="id137_test3.htm" TARGET="_top" TITLE="Anchors"><B>anchor test3</B></A><B>   </B><A HREF="id137_tononframed.htm" TARGET="_top" TITLE="Anchors"><B>nonframed</B></A></div> </BODY>