Test Index

<BODY BGCOLOR="#DDDDDD" TEXT="#080000" LINK="#330099" ALINK="#330066" VLINK="#330066">  <bR> <div> <TABLE BORDER="0" CELLPADDING="1" CELLSPACING="1" WIDTH="723" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=CENTER HEIGHT= 130 ><NOBR><div> <B> </B><FONT SIZE="5" COLOR="#660099" FACE="Arial" ><B>CSB-Trellix  <STYLE>  </STYLE>  </B></FONT></div> <div> <B>TEST AREA 1:</B><FONT SIZE="1" COLOR="#660099" FACE="Arial" ><B> </B></FONT></div> <div> <B> </B></div> <bR> </NOBR></tD> <tD VALIGN=CENTER><NOBR><div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="494" BORDERCOLORLIGHT="#660099" BORDERCOLORDARK="#660099" FRAME="HSIDES" RULES="NONE" HSPACE="0" VSPACE="0" BGCOLOR=#C0DCC0 > <tR> <tD VALIGN=CENTER BGCOLOR=#C0DCC0 HEIGHT= 90 WIDTH="391"><div> <FONT SIZE="2" COLOR="#330099" FACE="Arial" ><B>NOTE: </B></FONT><B> </B><B>This site is constantly being updated and expanded.  </B><B> </B></div> <div> 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=CENTER BGCOLOR=#C0DCC0><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> </tR> </TABLE></div> <div> <B> <STYLE type=text/css> #rollbutton1 a { color: #C0DCC0; font-family:verdana; font-size:10px; font-weight: bold; text-decoration: none; border:2px outset light gray; background-color:#680098; width: 160px; height: 26px; padding: 3px; margin: 0px; } #rollbutton1 a:hover { background-color: #C0DCC0; color:#680098; padding-left: 3px; border:2px inset light gray; } </STYLE> <DIV id=rollbutton1> <A href="../test-csb2nf" target="_blank" onfocus="this.blur()"><center>Test Area 2:<br>Iframes-Links-Arrowhead</center></A> <A href="../photo" onfocus="this.blur()"><center>Work with Photos<br>Galleries-Applets-etc</center></A> <A href="../backgrounds" onfocus="this.blur()"><center>Page Backgrounds:<br>Watermarks-Slideshows</center></A> </DIV>  </B></div> </NOBR></tD> </tR> </TABLE></div> <bR> <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= 456 ><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= 388 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 - Layered 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="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"></B></FONT></div> <div> 4 samples - PLAIN TEXT or LINKS regular (static) and 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="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="formreq"><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 disable enter"><B>Special Features</B></A> - require fields, disable enter...</div> </tD> </tR> </TABLE></B></div> <bR> <bR> <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= 93 ><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">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> <DIV ALIGN="LEFT"></DIV> <div> <B>[This test area is published with frames]</B></div> </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>