Question

我一直在寻找，并且发现了很多结果，但没有得到任何关于我正在寻求的效果或任何改变。此外，与作者联系还没有退还答案。在我的博客上面是关于我们的标准以及点击链接页面的不同“标签”。但是，对于我的生活，我无法将所提供的酒吧空间集中在一起。现在，首先，现在在空白区域的选项卡右侧有一个搜索栏小部件，因为我找到了代码并删除了它。这可能就是原因，没有摆脱在“导航栏”的整个宽度中使用该空间用于选项卡所需的一切。我尝试过将.PageList样式添加到CSS中，使用谷歌浏览器来检查元素并查看实时更改正变得令人沮丧。我相信我在“导航栏”，“主导航”，“主菜单导航”的正确位置或周围，但是它只是没有用完。使用SoraTemplates的这个自定义模板，我所知道的甚至可能都不可能。

所以这里希望找到一个聪明的（呃）个人，他们可以巅峰并向我展示光明。博客位于www.modernvintageus.com

提前感谢任何建议。

如果我的HTML看起来像暴风雨那样，请将笑声降到最低，我在这里学习所有内容。

修改的根据请求和轻松添加代码snipet（从我认为我需要的地方）...

    .PageList li.selected a {font-weight:normal}
.PageList li a:hover {color:#aaaaaa}
#access{margin-top:20px}
#access li{float:left}
#access a{color:rgb(220, 228, 61);font-size:13px;font-weight:normal;text-shadow:0 1px 1px #111}
#nav-bar{padding:0 10px;background:url(https://lh3.googleusercontent.com/-RC90VnZa6gg/UEAmx8pPMdI/AAAAAAAADc4/7etMQiH3-Uk/s100/white20pct.png);border-top:1px solid #666;border-bottom:7px solid #3c3c3c;-moz-border-radius-topleft:2px;-webkit-border-top-left-radius:2px;border-top-left-radius:2px;-moz-border-radius-topright:2px;-webkit-border-top-right-radius:2px;border-top-right-radius:2px}
#primary-nav.g9{margin:0;width:720px}
#primary-nav.g12{margin:0;width:960px}
#primary-nav li{border:0}
#primary-nav li a{letter-spacing:.05em;padding:0 15px;line-height:45px;border-left:1px solid #4b4b4b;border-right:1px solid transparent}
#primary-nav li:first-child a{margin-left:-9px;border-left:0;-moz-border-radius-topleft:2px;-webkit-border-top-left-radius:2px;border-top-left-radius:2px}
#primary-nav li:last-child a{border-right:1px solid #4b4b4b}
#primary-nav li a:hover,#primary-nav li a.active{background:transparent url(https://lh3.googleusercontent.com/-_IAq5-ECBds/UEAmpYDhijI/AAAAAAAADbQ/voqOSQJ057k/s100/black10pct.png);border-color:#444}
#primary-nav li a:active,#primary-nav li a:focus{background-color:#555;top:0}
#primary-nav li.current-cat a,#primary-nav li.current_page_item a,#primary-nav li.current-menu-parent > a,#primary-nav li.current-menu-item > a{color:#fff}
#primary-nav .drop .rarr,#primary-nav .drop .darr{line-height:1;text-shadow:0 1px 1px #111;color:#888}
#primary-nav ul ul.sub-menu,#primary-nav ul ul.children{background:#3c3c3c;width:220px;padding:7px 0;-moz-border-radius-bottomleft:2px;-webkit-border-bottom-left-radius:2px;border-bottom-left-radius:2px;-moz-border-radius-bottomright:2px;-webkit-border-bottom-right-radius:2px;border-bottom-right-radius:2px}
#primary-nav ul ul.sub-menu ul,#primary-nav ul ul.children ul{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;margin-top:-44px;margin-left:200px;border:1px solid #333}
#primary-nav ul ul.sub-menu .rarr,#primary-nav ul ul.children .rarr{float:none}
#primary-nav ul.sub-menu li a,#primary-nav ul.children li a{margin:0;border:0;line-height:36px;font-size:12px;color:#999}
#primary-nav li:first-child > ul{margin-left:-10px}
#nav-bar .search-box .widget{margin:0;line-height:45px;height:45px;overflow:hidden}
#nav-bar .search-box .widget div{background:url(https://lh5.googleusercontent.com/-x-n5CVO1qx0/UEAmtQv3qHI/AAAAAAAADcI/ArquQek6_cc/s24/search.png) no-repeat right center}
#nav-bar .search-box .widget input{background:transparent url(https://lh3.googleusercontent.com/-_IAq5-ECBds/UEAmpYDhijI/AAAAAAAADbQ/voqOSQJ057k/s100/black10pct.png);padding:6px 5px 5px;border:0;width:210px !important;font-size:13px;line-height:20px;color:#777;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.ie7 #nav-bar .search-box .widget input{margin-top:5px}
#nav-bar .search-box .widget input:focus{color:#999;background:transparent url(https://lh4.googleusercontent.com/-vJzxhwZ7j-A/UEAmqIXnNoI/AAAAAAAADbY/EIVhtIZraH8/s100/black20pct.png)}
.menu > ul, .menu > ul li { list-style: none; padding: 0; line-height: 1; }
.menu > ul li a { text-decoration: none; }
.menu > ul, .menu > ul ul { list-style: none; line-height: 1; z-index: 100; }
.menu > ul a { display: block; line-height: 36px; padding: 0 10px; z-index: 100; }
.menu > ul li { float: left; }
.menu > ul ul { position: absolute; width: 200px; left: -9999em; }
.drop li:hover ul, .drop li.sfhover ul { left: auto; }
.drop li ul li a { width: 180px; }
.drop li ul ul { margin: -36px 0 0 200px; }
.drop li:hover ul ul, .drop li:hover ul ul ul,
.drop li.ie6hover ul ul, .drop li.ie6hover ul ul ul { left: -9999em; }
.drop li:hover ul, .drop li li:hover ul, .drop li li li:hover ul,
.drop li.ie6hover ul, .drop li li.ie6hover ul, .drop li li li.ie6hover ul { left: auto; }
.drop li:hover, .drop li.hover { position: static; }
.drop .rarr, .drop .darr { font-family: Arial !important; }
.drop .rarr { display: none; float: right; }
.drop .sub-menu .darr { display: none; }
.drop .sub-menu .rarr { display: inline; }

Answer 1

好吧，我冒昧地检查了你网站的来源。不幸的是，看起来很多css都塞满了你的网站的头部，这使得很难使用。最重要的是，它看起来是自动生成的，有很多元素不能很好地从父母继承。你可以通过将它移动到专用的css文件并引用它来清理它。

话虽如此，请尝试将primary-nav div的边距更改为margin:0px auto;，看看是否有效。它应该将主要导航div自动居中于其包含nav-bar div。

内

代码：

...
#nav-bar{padding:0 10px;bac ...
#primary-nav{margin:0px auto;}          /***INSERT THIS LINE HERE***/
#primary-nav.g9{margin:0;width:720px}
...

我希望有所帮助！

麻烦在导航栏中居中页面链接

1 个答案: