左右导航空间......如何删除它?

时间:2010-10-02 23:20:31

标签: css

现在我的导航看起来像这样: alt text

它的两端有很大的空间,我真的不知道如何把它拿出来。

CSS:

nav { background: #282828 url(../images/nav-bg.png) repeat-x; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; margin: 24px auto; padding: 18px 29px; width: 670px; }
nav ul { margin: 0 auto; }
nav ul li { background: url(../images/nav-sep.jpg) left center no-repeat; display: inline; padding: 32px; margin: 0 auto;  }
nav ul li:first-of-type { background: none; }
nav ul li a { color: #626262; font: 16px Arial, Helvetica, serif; }

3 个答案:

答案 0 :(得分:1)

尝试在您的第一个规则中将width更改为小于670像素的内容,并根据需要将padding更改为较小的值。

答案 1 :(得分:0)

更改此部分。第二个值是右侧和左侧的填充量。

nav { padding: 18px 29px; }

答案 2 :(得分:0)

如果你在联系菜单项之后谈论空间,我认为它可以通过改变ul标签上设置的宽度来解决。我想你可以通过在ul标签上设置display:inline来将它们全部删除