Question

这是一个过度使用的导航我敢肯定。我用它来编辑我想要的东西，说实话，但我错过了主要目标;把它放在我的页面中。我已经尝试了几个小时了，并且不能让它在我的页面上的div中正确显示。希望有人能看到我所缺少的东西。

请转到我的测试页，看看它应该是什么样的：http://imengine.gofreeserve.com/fileshare/fileshare2/test/testlogin.html

它在这里实际做了什么（不知道如何将图像放在jsfiddle中）：因为我只能发布2个链接，其上面的链接除了fileshare / fileshare2 / index2.php

Answer 1

查看fileshare2 / index2.php页面，我可以看到你的问题。 Warp Speed菜单栏区域的Janko下拉菜单尺寸不正确。这源于menu.css min-width属性。要更正指示框之外的下拉菜单，请更改menu.css的ul属性：

ul {
cursor: pointer;
list-style-type: none;
margin: 0;
min-width: 200px; /* change this to 150px instead */
padding: 0;
}

通过将padding: 0;样式应用于#menu li，可以删除“登录”和“帮助”菜单周围的多余填充。这应该使你正在使用的菜单看起来像你想要的那样，不包括没有样式的“Home”，“Projects”和“Admin”菜单。希望它有所帮助，也是您正在寻找的。

Answer 2

我不断地在Firebug中查看过这个问题。

除了具有CSS的最外层div：

之外，一切都正确定位

#loginbar {
    height: auto;
    left: 400px;
    margin: 0 auto;
    position: absolute;
    top: 150px;
    visibility: visible;
    width: auto;
    z-index: 3;
}

左侧和顶部会导致菜单显示在一个奇怪的位置，即不在页面顶部，这可能是您尝试在此处进行的操作。

将这些值归零将使菜单停止在特定位置浮动。

您也可以取出绝对位置以阻止其浮动。但是由于fileshare / fileshare2 / index2.php上的元素是浮动的绝对值，我建议你如果你想这样做，你会大大改变你的CSS。

希望它有所帮助，

Answer 3

我不能给出一个确切的答案，但是导航菜单，它的javascript和janko菜单以及它的javascript，至少（也许是他们的css也可以吗？）的东西碰撞在一起并打破它。我重新编辑了页面的导航菜单，现在效果很好。我不知道，但似乎它可能是javascript。

导航不会在DIV中显示

3 个答案: