Table 3

<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="id36.htm" TARGET="_top" TITLE="Table 2"><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="id99.htm" TARGET="_top" TITLE="Table 4"><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><B>Table 3</B><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><A HREF="id137.htm" TARGET="_top" TITLE="Anchors">Anchors</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id55.htm" TARGET="_top" TITLE="Double Border Detail">Double Border Detail</A></div> <bR> <bR> <div> <B>Table test 3: Adjust your tables</B></div> <bR> <div> <B>Want to put several tables on the page but they don't seem to be the same size?</B></div> <div> <B>Adjust the column widths!</B></div> <div> <B> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="1" WIDTH="655" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 223 ><NOBR><div> <TABLE BORDER="2" CELLPADDING="1" CELLSPACING="0" WIDTH="438" BORDERCOLORLIGHT="#CC3300" BORDERCOLORDARK="#CC3300" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" BGCOLOR=#FFFBF0 > <tR> <tD VALIGN=CENTER ROWSPAN=4 HEIGHT= 19 ><NOBR><div> <I><IMG SRC="3b35a410.gif" border=0 width="90" height="65" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></I></div> </NOBR></tD> <tD VALIGN=TOP WIDTH="260"><div> <I>Buffalo Wings</I></div> </tD> <tD VALIGN=TOP WIDTH="53"><div> <I>$4.95</I></div> </tD> </tR> <tR> <tD VALIGN=TOP WIDTH="260"><div> <I>Onion Flower</I></div> </tD> <tD VALIGN=TOP WIDTH="53"><div> <I>$5.60</I></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#FFFBF0 WIDTH="260"><div> <I>Mozzerella Sticks </I></div> </tD> <tD VALIGN=TOP WIDTH="53"><div> <I>$4.25</I></div> </tD> </tR> <tR> <tD VALIGN=TOP WIDTH="260"><div> <I>Clam Strips</I></div> </tD> <tD VALIGN=TOP WIDTH="53"><div> <I>$3.80</I></div> </tD> </tR> </TABLE></div> <div> <TABLE BORDER="2" CELLPADDING="1" CELLSPACING="0" WIDTH="438" BORDERCOLORLIGHT="#CC3300" BORDERCOLORDARK="#CC3300" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" BGCOLOR=#FFFBF0 > <tR> <tD VALIGN=CENTER ROWSPAN=4 HEIGHT= 19 WIDTH="109"><div> <I><B>Soup Bowls!</B></I></div> </tD> <tD VALIGN=TOP WIDTH="260"><div> <I>Chili </I></div> </tD> <tD VALIGN=TOP WIDTH="53"><div> <I>$2.95</I></div> </tD> </tR> <tR> <tD VALIGN=TOP WIDTH="260"><div> <I>Potato</I></div> </tD> <tD VALIGN=TOP WIDTH="53"><div> <I>$1.60</I></div> </tD> </tR> <tR> <tD VALIGN=TOP WIDTH="260"><div> <I>Cream of Broccoli</I></div> </tD> <tD VALIGN=TOP WIDTH="53"><div> <I>$2.25</I></div> </tD> </tR> <tR> <tD VALIGN=TOP><NOBR><div> <I>Vegetable Beef with Barley</I></div> </NOBR></tD> <tD VALIGN=TOP WIDTH="53"><div> <I>$2.75</I></div> </tD> </tR> </TABLE></div> <bR> </NOBR></tD> <tD VALIGN=TOP WIDTH="10"><IMG BORDER="0" SRC="1x1.gif" HEIGHT="223" ALIGN="bottom" WIDTH="10" HSPACE="0" VSPACE="0"></tD> <tD VALIGN=TOP><NOBR><bR> <div> <B>Two ways to do it!</B></div> <bR> <div> 1) use your mouse to drag</div> <bR> <div> 2) Set table properties</div> <bR> <DIV ALIGN="LEFT"></DIV> <div>  <STYLE type=text/css> #rollbutton2 a { color: #C0DCC0; font-size:13px; font-weight: bold; text-decoration: none; border:2px outset light gray; background-color:#680098; display: block; width: 150px; height: 26px; padding: 3px; } #rollbutton2 a:hover { background-color: #DDDDDD; color:#680098; padding-left: 3px; border:2px inset light gray; } </STYLE> <DIV id=rollbutton2> <DIV><A href="javascript:void(0)" ONCLICK="open('id130.htm','miniwin','toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=01,width=750,height=450')" title="See how it's done!" onfocus="this.blur()"><center>Click for Flash Tutorial</center></A> </DIV> </DIV>  </div> <div> <I>(478kb)</I></div> </NOBR></tD> </tR> </TABLE></B></div> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> <bR> </td> </tr></table></body>