1

我敢肯定,这是一个过度使用的导航。老实说,我正在使用它来编辑我想要的内容,但我错过了主要目标;在我的页面中获取它。我已经尝试了好几个小时,但无法让它正确显示在我页面上的 div 中。希望有人会看到我错过了什么。

JSFiddle

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

它实际上在这里做什么(不知道如何将图像放入 jsfiddle):因为我只能发布 2 个链接,所以它上面的链接除了 fileshare/fileshare2/index2.php

4

3 回答 3

2

查看 fileshare2/index2.php 页面,我可以看到您的问题。Janko at Warp Speed 菜单栏区域的下拉菜单大小不正确。这源于 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;
}

“登录”和“帮助”菜单周围多余的填充可以通过应用 to 的样式来padding: 0;移除#menu li。这应该使您正在使用的菜单看起来像您想要的那样,不包括无样式的“主页”、“项目”和“管理”菜单。希望它有所帮助,并且是您正在寻找的。

于 2012-07-01T22:43:10.823 回答
1

我不断地在 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。

希望能帮助到你,

于 2012-07-02T07:20:22.517 回答
0

我无法给出确切的答案,但至少导航菜单、它的 javascript 和 janko 菜单和它的 javascript 的某些东西(也许它们上面也有 css 的东西?)正在碰撞在一起并破坏它。我重做了页面的导航菜单,现在效果很好。我不知道,但似乎它可能是 javascript。

于 2012-07-04T04:44:55.023 回答