删除表

Question

我在删除行之间的额外空间时遇到了麻烦。我猜这是由多行文本框地址和备注引起的，但不能确定为什么它会为其他人添加额外的填充顶部。

$("#dialog-form").dialog({
  autoOpen: false,
  height: 490,
  width: 830,
  modal: true,
  resizable: false,
  position: ['center', 50]
});


<table width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td>
      <div style="height:30px; padding-left:130px;">
        <div style="float:left">
          <asp:CheckBox ID="active" Checked="true" runat="server" />
        </div>
        <div style="float:left">&nbsp;&nbsp;Active &nbsp;&nbsp;</div>
      </div>
    </td>
  </tr>
  <tr>
    <td>
      <div style="height:30px">
        <div style="float:left" class="controlLabelBold">Group Name:</div>
        <div style="float:left">
          <asp:TextBox ID="groupName" runat="server" SkinID="textBoxField" tabindex="1"></asp:TextBox>
        </div>
      </div>
    </td>
    <td>
      <div style="height:30px">
        <div style="float:left" id="contactPersonTextName" class="controlLabelBold">Contact Person:</div>
        <div style="float:left">
          <asp:TextBox ID="contactPerson" runat="server" SkinID="textBoxField" tabindex="6"></asp:TextBox>
        </div>
      </div>
    </td>
  </tr>
  <tr>
    <td>
      <div style="height:30px">
        <div style="float:left" class="controlLabelBold">Group Code:</div>
        <div style="float:left">
          <asp:TextBox ID="groupCode" runat="server" SkinID="textBoxField" tabindex="2"></asp:TextBox>
        </div>
      </div>
    </td>
    <td>
      <div style="height:30px">
        <div style="float:left" class="controlLabelBold">Contact Number:</div>
        <div style="float:left">
          <asp:TextBox ID="collectorContactNumber" runat="server" SkinID="textBoxField" MaxLength="20" tabindex="7"></asp:TextBox>
        </div>
      </div>
    </td>
  </tr>
  <tr>
    <td>
      <div style="height:30px;">
        <div style="float:left" id="collectorTextName" class="controlLabelBold">Account Officer:</div>
        <div style="float:left">
          <asp:TextBox ID="collectorName" runat="server" SkinID="textBoxField" tabindex="3"></asp:TextBox>
        </div>
      </div>
    </td>
    <td>
      <div style="height:60px">
        <div style="float:left" class="controlLabel">Total Exposure Amount:</div>
        <div style="float:left">
          <asp:TextBox ID="totalExposureAmount" runat="server" SkinID="textBoxField" CssClass="controlNumeric" tabindex="8"></asp:TextBox>
        </div>
      </div>
    </td>
  </tr>
  <tr>
    <td>
      <div style="height:30px">
        <div style="float:left" class="controlLabel">E-mail:</div>
        <div style="float:left">
          <asp:TextBox ID="collectorEmail" runat="server" SkinID="textBoxField" tabindex="4"></asp:TextBox>
        </div>
      </div>
    </td>
    <td>
      <div style="height:60px">
        <div style="float:left;" class="controlLabel">Remarks:</div>
        <div style="float:left">
          <asp:TextBox ID="remarks" runat="server" TextMode="MultiLine" Rows="3" SkinID="textBoxField" tabindex="9"></asp:TextBox>
        </div>
      </div>
    </td>
  </tr>
  <tr>
    <td>
      <div style="height:60px">
        <div style="float:left" class="controlLabelBold">Address:</div>
        <div style="float:left">
          <asp:TextBox ID="address" runat="server" style="display:block" SkinID="textBoxField" TextMode="MultiLine" Rows="3" tabindex="5"></asp:TextBox>
        </div>
      </div>
    </td>
    <td style="display:none;">
      <div style="height:30px">
        <div style="float:left" class="controlLabel">Security of Payment:</div>
        <div style="float:left">
          <asp:TextBox ID="securityOfPayment" runat="server" SkinID="textBoxField" tabindex="10"></asp:TextBox>
        </div>
      </div>
    </td>
  </tr>
</table>

到目前为止，我已尝试设置这些：

table: cellspacing="0" cellpadding="0" 
td: padding: 0; 

但没有任何作用。帮助

FORM

CSS