-1

最近我为我的 2 个站点创建了一个新的水平导航，但在一个站点上它看起来不错，但在另一个站点上我无法控制定位。

例如，如果您在此处查看标题图像底部的水平导航链接：http: //classifieds.your-adrenaline-fix.com/您可能会同意它看起来不错，但如果您单击任何水平这些链接会将您带到主站点，在那里您将看到相同的水平导航，但问题是我无法控制定位，我似乎也无法弄清楚为什么 2 与几乎相同的 HTML 和 CSS 不同。

如果有人不介意查看我在上面提供的链接，您会看到我在说什么，如果有人不介意向我展示我缺少的东西，我将不胜感激，我感谢你们每个人提前。

附言; 我已经尝试了几个小时...

4

2 回答 2

1

在看起来正确的页面上，您<ul>在第 70 行附近的 form-css.css 中定义了以下样式

list-style-type: none;
padding: 0px;
margin: 0px;

主页没有这种样式。重要的部分是填充和边距。列表上的默认样式通常会为 a 提供一些填充和边距ul，这就是我们在主页中看到的。

于 2013-06-28T18:38:42.317 回答
0

我使用 chrome 开发者工具比较了两个页面的 CSS。正如您所说，它们在 HTML 和 CSS 中几乎相同，但我确实发现了不同之处。

本页： http ://classifieds.your-adrenaline-fix.com/

** ul 标记应用了一些 css 属性，这些属性不存在于其他页面（混乱的页面），即：

ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

我在form-css.css页面中找到的这个 css 剪辑。

删除这个 css 部分会弄乱水平导航看起来也很好的页面。

通过将这些 CSS 属性添加到您的 ul 标记以获取其他页面的水平页面链接 ( http://www.your-adrenaline-fix.com/ ) 应该可以修复它。

于 2013-06-28T18:48:30.947 回答