1

我已经编写了 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>

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

4

2 回答 2

2

将您的标签更改为此

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

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

于 2012-10-07T17:40:30.310 回答
1

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

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

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

找到它后，请查看屏幕底部右侧的“样式”部分。浏览与该标签相关的样式并逐个勾选它们，直到块消失。然后你就知道是什么 CSS 属性影响了它。

希望这可以帮助

于 2012-10-07T14:44:54.290 回答