为什么我的一些网页隐藏在我的css菜单下

时间:2013-06-24 02:25:47

标签: html css css3

在我的网站上我目前正在处理我有一个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菜单或谷歌浏览器的顶部,它显示在顶部,并在歌剧中显示在...下所以我试图做的是使表和网页的其余部分显示在下面没有使用&lt; br /&gt;的css菜单标签还有其他方式吗?

Jsfiddle  在我的jsfiddle我已经把html评论放在我把我的&lt; br /&gt;在首都的html评论,如果它会帮助你找到它...并希望这篇文章可以帮助其他人以后

看看我的意思是它在/ ontop下移除&lt; br /&gt;来自html的标签并运行代码

2 个答案:

答案 0 :(得分:1)

.titlebar_mblack
{
    margin-top: 61px;

}

你的导航栏高度为61px,所以只需给标题栏一个61px的上边距。 并删除您的5 <br />

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

答案 1 :(得分:1)

我将添加以下行

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

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

如果你关心原因......

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

位置固定:元素相对于窗口的位置。换句话说,cssmenu将始终处于最佳状态。

希望这有帮助