用tablle布局左边导航的一个例子

 

  <!-- 左边导航条设置的table -->
                  <table border="0" cellpadding="0" cellspacing="0" width="120"> 
  <tbody>
  <tr><td><img src="../../Image/product_left_top.gif" height="6" width="180"></td></tr>
  <tr><td background="../../Image/product_left_bg.gif">
  <table align="center" border="0" cellpadding="0" cellspacing="0" width="162">
   <tbody>
    <tr><td  height="20" ></td></tr>
    <tr><td><img src="../../Image/fk.gif" height="8" width="4"></td></tr>
   <tr><td background="../../Image/billsTop.gif"  height="67" width="162"><div class="CreateDate" id="YM">
     <div align="left"><span id="sp_ym" runat="server"  class="YearMonth">2007/06</span> <span   runat="server"  id="sp_day"  class="Day">10</span></div>
   </div>
           
             <div class="mybills" id="mybills">我的单据</div></td>
   </tr>
   <tr><td><img src="../../Image/fk.gif" height="4" width="4"></td></tr> 
   <tr><td height="40">
     <table border="0" cellpadding="0" cellspacing="0" width="162">
     <tbody>
     <tr><td  colspan="2"  height="15"></td></tr>
     <tr><td width="18"><img src="../../Image/product_left_jt.gif" height="8" width="18"></td>
     <td width="144"  valign="bottom"><a  id="H_Information"   target="frmMain"   runat="server">单据基础信息</a></td></tr>
     </tbody>
     </table>
   </td></tr>
    <tr><td><img  src="../../Image/product_left_xian.gif" height="1" width="150"></td> </tr>
 
   
   
   <tr><td><img src="../../Image/product_left_down.gif" height="6" width="180"></td> </tr>
   
     </tbody></table> 
                  <!-- 左边导航条设置的table结束 -->