用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结束  -->