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

  • 本文关键字:css 隐藏 菜单 网页 html css
  • 更新时间 :
  • 英文 :


在我目前正在开发的网站上,我有一个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菜单下或谷歌chrome中的ontop下,它显示在顶部,在opera中显示在..下。。所以我想做的是在不使用<br/>标签还有其他方法吗?

Jsfidle在我的jsfiddle中,我为我放入<br/>在一个大写的html注释中,如果它能帮助你找到它的话。。希望这篇文章能在稍后的上帮助其他人

看看我的意思是,它在/ontop下删除<br/>标记,并运行代码

.titlebar_mblack
{
    margin-top: 61px;
}

你的导航栏的高度是61px,所以给标题栏一个61px的页边空白。并删除您的5个<br /> s

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

我将添加以下行

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

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

如果你关心原因。。。

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

位置固定:元素是相对于窗口的位置。换句话说,cssmenu将永远处于领先地位。

希望这能帮助

最新更新