1

我一直在搜索，并找到了很多结果，但对于我正在寻找的东西根本没有得到效果或任何改变。此外，联系作者也没有退还答案。在我的博客上面是关于我们的规范以及点击链接页面的不同“标签”。但是，对于我的生活，我无法在提供的酒吧空间中居中。现在，首先，现在空白区域的选项卡右侧有一个搜索栏小部件，因为我找到了该代码并将其删除。这可能是那里的原因，没有摆脱在“导航栏”的整个宽度中为选项卡使用该空间所需的一切。我尝试将 .PageList 样式添加到 CSS，使用 google chrome 检查元素并查看实时更改变得令人沮丧。我相信我用“nav-bar”，“primary-nav”，“main-menu-nav”在正确的位置或周围，但是它只是没有工作。就我所知，使用 SoraTemplates 的这个自定义模板甚至可能都不可能。

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

提前感谢您的任何建议。

PS 如果我的 HTML 看起来像风暴一样，请尽量减少笑声，我在这里自学。

编辑 根据请求添加代码片段（从我认为我需要的地方）并且为了方便......

    .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; }
4

1 回答 1

0

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

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

代码：

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

我希望这会有所帮助！

于 2013-07-10T20:07:46.243 回答