谁能告诉我是什么原因导致在联系人窗体和页脚之间出现空白？

Question

我已经写了html，但是联系人表单是从另一个place...and复制的，我无论如何都不能去掉那条白线。

谁能告诉我我做错了什么？

注意:在这里，在jsfiddle.net上

http://jsfiddle.net/j6RMW/embedded/result/或http://jsfiddle.net/j6RMW/

在那里，空白处是gone....but，你可以看到它实际在那里的屏幕截图。

NOTE2:这是导致problem...it is html问题的原因：

<form name="freecontactform" method="post" action="freecontactformprocess.php" onsubmit="return validate.check(this)">
<table width="400px" class="freecontactform">
<tbody><tr>
 <td colspan="2">

 <div class="freecontactformheader">Contacto</div>

 <div class="freecontactformmessage">Fields marked with <span class="required_star"> * </span> are mandatory.</div>

 </td>
</tr>
<tr>
 <td valign="top">
  <label for="Full_Name" class="required">Nombre/apellidos<span class="required_star"> * </span></label>
 </td>
 <td valign="top">
  <input type="text" name="Full_Name" id="Full_Name" maxlength="80" style="width:230px">
 </td>
</tr>
<tr>
 <td valign="top">
  <label for="Email_Address" class="required">Email<span class="required_star"> * </span></label>
 </td>
 <td valign="top">
  <input type="text" name="Email_Address" id="Email_Address" maxlength="100" style="width:230px">
 </td>
</tr>
<tr>
 <td valign="top">
  <label for="Telephone_Number" class="not-required">Número de telefono</label>
 </td>
 <td valign="top">
  <input type="text" name="Telephone_Number" id="Telephone_Number" maxlength="100" style="width:230px">
 </td>
</tr>
<tr>
 <td valign="top">
  <label for="Your_Message" class="required">Tu mensaje<span class="required_star"> * </span></label>
 </td>
 <td valign="top">
  <textarea style="width:230px;height:160px" name="Your_Message" id="Your_Message" maxlength="2000"></textarea>
 </td>
</tr>
<tr>
 <td colspan="2" style="text-align:center">
  <div class="antispammessage">
  To help prevent automated spam, please answer this question
  <br><br>
      <div class="antispamquestion">
       <span class="required_star"> * </span>
       Using only numbers, what is 10 plus 15? &nbsp; 
       <input type="text" name="AntiSpam" id="AntiSpam" maxlength="100" style="width:30px">
      </div>
  </div>
 </td>
</tr>
<tr>
 <td colspan="2" style="text-align:center">
 <br><br>
  <input type="submit" value=" Submit Form " style="width:200px;height:40px">
  <br><br>
  <br><br>
 </td>
</tr>
</tbody></table>
</form>

我对此还不熟悉。谢谢你的信息，所以far...and我会保持更新，并让你们知道如果我可以自己解决它。

Answer 1

将你的标签改成这样

<form name="freecontactform" method="post" action="freecontactformprocess.php" onsubmit="return validate.check(this)" style="margin-bottom: 0;">

因为它是内联CSS，所以它会接管任何外部样式表。

Answer 2

如果你使用的是Chrome，用鼠标右键点击空白处，然后点击inspect element。如果没有选择元素的选项，请在表单上单击鼠标右键并从那里开始操作。

您现在应该在屏幕底部有一个窗口，使用它现在显示您是HTML的窗口，通过将鼠标悬停在HTML标记上找到HTML代码中的白块。如果你找不到白色的块，找到你的标签，然后从那里开始。

如果您将鼠标悬停在表单标签上，您应该会在上面的屏幕上看到它的高亮显示。如果当您将鼠标悬停在样式表中时，白色块被高亮显示，您知道它是样式表中的CSS属性，如果它没有被高亮显示，那么它与您的没有任何关系，可能是其他什么东西将它放在那里。重复这些步骤，直到找到突出显示白色块的标记。

一旦你找到它，看看屏幕底部右边的“样式”部分。浏览与该标签连接的样式，并逐个勾选它们，直到块消失。那么你就知道是什么CSS属性在影响它了。

希望这能有所帮助