jsp中页面排版问题

如下图:怎么缩小距离?
我的代码如下:
<%@ page contentType="text/html; charset=gbk" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>无标题文档</title>
<link href="../main2.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="anlipanduan.js" charset="gbk"> </script></head><body >
<form action="" method="post" name="successexample" onsubmit="return on_click()" >
<div align="center">
<table width="400"  border="0" cellpadding="0" cellspacing="0">
    <!--DWLayoutTable-->
    <tr>
     <td width="600" height="56">
      <div align="center">
       <span class="top">成功案例
       </span>
      </div>
     </td>
    </tr>
    
    <tr>
     <td height="15" valign="top">
      <table width="100%" height="25" border="0" cellpadding="0" cellspacing="0">
         <!--DWLayoutTable-->
           <tr>
             <td width="50%" height="15" class="hei">
              <div align="left">销售工程师：<%%>
              </div>
             </td>
             <td width="50%" class="hei">
              <div align="right">日期：    年     月     日 
              </div>
             </td>
            </tr>
            </table>
        </td>
    </tr>
    
    <tr>
     <td height="26" valign="top">
      <table width="100%" border="0" cellpadding="0" cellspacing="0">
          <!--DWLayoutTable-->
          <tr>
             <td width="300" height="26" class="huanjing">
              <div align="left">省（直辖市）：
              </div>
             </td>
             <td width="300" valign="top" class="huanjing">
              <div align="left">
               <table width="100%" border="0" cellpadding="0" cellspacing="0">
                 <!--DWLayoutTable-->
                 <tr>
                   <td width="300" height="26">
                    <div align="left">地级市：
                    </div>
                   </td>
                  </tr>
               </table>
              </div>
             </td>
          </tr>
        </table>
       </td>
    </tr>
    
    <tr>
     <td height="450" valign="top">
      <table width="100%" height="600" border="0" cellpadding="0" cellspacing="1">
             <tr>
              
              <td width="140" height ="15" bgcolor="#0066FF" class="da">
               <div align="left">成功开发客户名称:</div>
              </td>
              
              <td width="160" class="huanjing"> 
               <input type="text" name="kaifatext" />
              </td>
              
              <td width="140" height ="15" bgcolor="#0066FF" class="da">
               <div align="left">行业:</div>
              </td>
              
              <td width="160" class="huanjing"> 
               <input type="text" name="hangyetext" />
              </td>
            </tr>
          
          <tr>
             <td width="140" height ="15" bgcolor="#0066FF" class="da">
              <div align="left">项目名称:</div>
             </td>
            
              <td width="160" class="huanjing">
               
                <input type="text" name="xiangmutext" />
              </td>
              
              <td width="140" height ="15" bgcolor="#0066FF" class="da">
               <div align="left">合同号:</div>
              </td>
              
              <td width="160" class="huanjing">
               
               <input type="text" name="hetongtext" />
              </td>
            </tr>
        
         <tr>
            <td width="140" height ="15" bgcolor="#0066FF" class="da">
             <div align="left">成功开发流程：</div>
            </td>
             
             <td colspan="3" class="huanjing">
              <div align="left">
              </div>
             </td>
           </tr>
        
         <tr >
            <td colspan="4" class="da">
             <div align="left">               
              </div>
              
              <div align="left">
               <textarea name="kaifaliuchengtext" cols="82" rows="5"></textarea>
              </div>
             </td>
           </tr>
         
         <tr>
            <td width="140" bgcolor="#0066FF" class="da">
             <div align="left">个人心得及开发经验：</div>
            </td>
             
             <td colspan="3" class="huanjing">
              <div align="left">
              </div>
             </td>
           </tr>
        <tr>
         <td colspan="4" class="da">
          <div align="left">
              <textarea cols="82" rows="5" name="gerenxindetext">
              </textarea>                
             </div>
             <div align="left">
             </div>
            </td>
        </tr>
        
        <tr>
         <td width="140" bgcolor="#0066FF" class="da">
          <div align="left">备注：
          </div>
         </td>
            
            <td colspan="3" class="huanjing">
             <div align="left">
             </div>
            </td>
         </tr>
        
         <tr>
          <td colspan="4" class="da">
           <div align="left">
             <textarea cols="82" rows="5" name="beizhu">
             </textarea>                
             </div> 
         
         <div align="left"></div>
        </td>  
        </tr>         
    </table>
    <div align="center">
  <input type="button" name="handbt" value="确定" onclick="return on_click()"/>  
       <input type="reset" name="cls" value="重置" />
       </div>  
</table>
</div>
</form>
</body></html>

解决方案 »

  1.   

    在<td>上加valign=“top”如
     <td height="84" colspan="4" valign="top" class="da"> 
                <div align="left">              
                  </div> 
                  
                  <div align="left"> 
                  <textarea name="kaifaliuchengtext" cols="82" rows="5"> </textarea> 
                  </div> 
    </td> 
    然后把table向上拉减小高度就可以了
      

  2.   

    1.
            <tr> 
                <td width="140" height ="15" bgcolor="#0066FF" class="da"> 
                <div align="left">成功开发流程： </div> 
                </td> 
                
                <td colspan="3" class="huanjing"> 
                  <div align="left"> </div> 
                </td> 
             </tr>
             改为：
              <tr> 
                <td width="140" height ="15" bgcolor="#0066FF" class="da" colspan="4"> 
                <div align="left">成功开发流程： </div> 
                </td> 
             </tr>
    2.
             <td width="140" bgcolor="#0066FF" class="da"> 
                <div align="left">个人心得及开发经验： </div> 
                </td> 
                
                <td colspan="3" class="huanjing"> 
                  <div align="left"> 
                  </div> 
                </td> 
              </tr>          改为：
              <td width="140" bgcolor="#0066FF" class="da" colspan="4"> 
                <div align="left">个人心得及开发经验： </div> 
                </td> 
              </tr> 
              
            <tr> 
            <td colspan="4" class="da" valign="top"> 
              <div align="left"> 
                  <textarea cols="82" rows="5" name="gerenxindetext"> 
                  </textarea>                
                </div> 
                <div align="left"> 
                </div> 
                </td> 
            </tr> 
            
            <tr> 
            <td width="140" bgcolor="#0066FF" class="da"> 
              <div align="left">备注： 
              </div> 
            </td> 
                
                <td colspan="3" class="huanjing"> 
                <div align="left"> 
                </div> 
                </td> 
            </tr>         改为：
             <tr> 
            <td width="140" bgcolor="#0066FF" class="da" colspan="3"> 
              <div align="left">备注： 
              </div> 
            </td> 
            </tr>