CSS样式表格式帮助

时间:2011-07-19 20:58:23

标签: css

有人可以查看我的样式表并告诉我如何获得第二行菜单,其中显示登录,注册,删除广告以第二行为中心?我无法弄清楚

这是我的样式表:http://pastebin.com/dCkgJK54

以下是实施菜单的地方:http://pastebin.com/Nvrz4RZf

非常感谢..它是一个wordpress主题。

以下是需要它的网站:http://artistpromotion.net78.net/

3 个答案:

答案 0 :(得分:2)

因此,第二个菜单的UL#tpmn需要应用这些规则:

margin:0 auto;
position:static;
overflow:hidden;
display:block;

另外,为了更好地衡量,您还应该将text-align:center应用于其包含的元素。

此外,似乎有多个UL具有相同的ID(#tpmn)。您应该为其中一个ID提供不同的ID以避免冲突。

答案 1 :(得分:1)

通常,您可以使用自动边距居中静态元素。来自W3C:

  

如果'margin-left'和'margin-right'都是'auto',则使用它们的值   是平等的。这使元素相对于中心水平居中   包含块的边缘。

http://www.w3.org/TR/CSS21/visudet.html#blockwidth

应用于您的网站:

#tpmn {
    margin: 0 auto;
    width: 300px;
}

答案 2 :(得分:0)

嗯,这应该很简单,但是你的页面格式化了很多css错误。我立刻注意到有几个列表项都具有相同的id“cts”。这些应该被赋予类,因为id需要是唯一的。尝试通过w3c css验证器运行您的文件:http://jigsaw.w3.org/css-validator/

一旦您的页面格式正确,您可以在父容器上使用text-align center,或者如果您必须像现在一样绝对定位它们,那么给父容器一个宽度,将它放置50%并给出它是一个负边距 - 左边宽度的一半。如果你仍然遇到麻烦,请把它放在小提琴(jsfiddle.net)中,这将更容易帮助你。