0

在我目前正在处理的网站上,我有一个带有我的网站徽标的 CSS 菜单,一个文本框和一个下拉菜单。我的登录表单是用这样的表格制作的

<p>&nbsp;</p><table width="40%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr> 
<td bgcolor="#d5e8f9" class="mnuheader" >
<div align="center"><font size="5"><strong>Login 
    Members</strong></font></div></td>
</tr>
<tr> 
<td bgcolor="#e5ecf9" class="mnubody"><form name="form1" method="post" action="">
    <p>&nbsp;</p>
    <p align="center">Your Email 
      <input name="email" type="text" id="email">
    </p>
    <p align="center"> Password: 
      <input name="pwd" type="password" id="pwd">
    </p>
    <p align="center"> 
      <input type="submit" name="Submit" value="Login">
    </p>
    <p align="center"><a href="register.php">Register</a> | <a href="forgot.php">Forgot</a></p>
  </form></td>
</tr>
</table>

这将显示在我的 css 菜单下或在 google chrome 的顶部,它显示在顶部,而在 opera 中,它显示在下面.. 所以我想要做的是让表格和网页的其余部分显示在 css 菜单下方不使用 <br /> 标签还有其他方法吗?

在我的jsfiddle 中的 Jsfiddle 我已经将 html 评论放在我把我的 <br /> 放在大写的 html 评论中,如果它会帮助你找到它.. 并且希望这篇文章可以在以后帮助其他人

看看我的意思是它在下面/顶部从 html 中删除 <br /> 标签并运行代码

4

2 回答 2

1
.titlebar_mblack
{
    margin-top: 61px;

}

您的导航栏的高度为 61 像素,因此只需为标题栏设置 61 像素的顶部边距。并删除你的 5 <br />s

http://jsfiddle.net/NYcHN/2/

于 2013-06-24T02:40:26.417 回答
1

我将添加以下行

div.titlebar_mblack{
 margin-top:100px;
}

这样你就不需要放<br/>

如果你关心原因...

#cssmenu{
...
position:fixed
...
}

固定位置:元素相对于窗口的位置。换句话说,cssmenu 将始终位于顶部。

希望这可以帮助

于 2013-06-24T02:44:22.860 回答