Question

我已经写了html，但联系表格是从另一个地方复制的......无论我做什么，我都无法摆脱那条白线。

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

注意：这里是jsfiddle.net

http://jsfiddle.net/j6RMW/embedded/result/ 要么 http://jsfiddle.net/j6RMW/

白色空间消失了......但是你可以看到实际存在的截图。

注2：这就是导致问题的原因......这是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>

我是新手。感谢您的信息到目前为止...我会保持更新，让你们知道我是否可以自己解决。

Answer 1

将您的代码更改为此

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

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

Answer 2

如果您使用Chrome鼠标右键单击该空间，然后单击检查元素。如果没有选择元素的选项，请右键单击表单并从那里开始。

您现在应该在屏幕底部有一个窗口，使用现在显示为HTML的窗口，将鼠标悬停在HTML标记上，在HTML代码中找到白色块。如果你找不到白色块找到你标记并从那里去。

如果你喜欢表单标签，你应该在上面的屏幕上看到它。如果当你将鼠标悬停在你的样式表上时突出显示白色块，你知道它是样式表中的CSS属性，如果它没有突出显示，那么它与你无关，而其他东西就是把它放在那里。重复这些步骤，直到找到突出显示白色块的标记。

一旦找到它，请查看屏幕底部右侧的“样式”部分。浏览连接到该标签的样式，然后逐个打勾，直到该块为止。然后你知道什么CSS属性正在影响它。

希望这有帮助

任何人都可以告诉我是什么原因导致联系表单和页脚之间出现空白区域？

2 个答案: