html - 如何删除表单顶部的空白?

标签 html css

我的表单顶部出现空白,我相信我已经尝试了所有方法,但它仍然存在。有人可以就如何消除顶部的空白提出一些建议吗?当我在 Firefox 中打开表单时,似乎没问题,但是当我使用 IE 时,我得到了空白。此外,它是 .cfm 形式。谢谢。

这是我的代码。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
.body
{
margin-top:0px;
padding-top:0px;
}
.mytable1
{
border-collapse:collapse;
border-color:#000000; 
border-style:solid; 
border-width:2px;
}
.mytable1 th
{
border-color:#333333;
border-style:solid; 
border-width:1px;
}
.mytable1 td
{
border-color:#333333;
border-style:solid; 
border-width:1px;
}
.mytable1
{
border-collapse:collapse;
border-color:#000000; 
border-style:solid; 
border-width:2px;
}
</style>
</head>

<body lang=EN-US style='tab-interval:.5in'>
<div id=Section1>
<cfoutput>

<form name="reportform" action="UpdateFormStatus.cfm" method="post">
<input type="hidden" name="UserEmail" value="#search_review.UserEmail#">
  <table class="mytable1">
    <tr>
      <td valign="top" class="blacktext" align="center" colspan="14"><strong>Review Form</strong></td>
    </tr>
    <tr>
      <td valign="top" class="blacktext" colspan="4"><strong>Type:</strong> #form.Type# </td>
      <td valign="top" class="blacktext" colspan="4"><strong>Number: </strong> #form.Number#   </td>         
    </tr>
    <cfif not search_results.RecordCount>
      <tr>
        <td class="blacktextbold" colspan="2"> No results match those criteria.</td>
         <td align="left" colspan="1"><a href="search_form.cfm">Search Again</a></td>
      </tr>
      <cfelse>
      <tr>
        <td valign="top" colspan="3" class="blacktext"><strong>Name:</strong> #form.Name# </td>
        <td valign="top" colspan="3" class="blacktext"><strong>Project Code: </strong> #form.ProjectCode# </td>
      </tr>
 </table>
</form>
</cfoutput>
</body>

</html>

最佳答案

您已将 body 作为一个类放入

应该是:

body{
margin-top:0px;
padding-top:0px;
}

对于 ID,您可以使用 # 来表示您使用 . 的类,如果您要定位像 div 这样的对象,您只需输入 div

关于html - 如何删除表单顶部的空白?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16016213/

相关文章:

html - mac 和 windows FF/Chrome 之间的相同父 div 的顶部位置绝对不同

javascript - 使用 jquery 访问 three.js 的着色器文件内容

javascript - 动态照亮每个列表项子项的背景

javascript - 如何使用不完整的 CSS 处理 Chrome 渲染动态添加的元素

javascript - 并排显示大图像和文本

html - CSS @media 打印边距

html - 带有 SVG 剪辑路径的动画 div 没有响应?

python - 为什么我的 Fastcomet Django 网站没有加载 css?

javascript - 返回页面 javascript 后,分区不会保持隐藏状态

javascript - 用 next 和 prev 突出显示 P 标签