Html 导航栏内页面链接居中时出现问题_Html_Menu_Center_Nav

Html 导航栏内页面链接居中时出现问题

html menu

Html 导航栏内页面链接居中时出现问题,html,menu,center,nav,Html,Menu,Center,Nav,我一直在到处搜索，找到了很多结果，但没有得到效果，也没有得到任何改变。此外，联系作者也没有得到回复。在我的博客顶部是关于我们的规范和点击链接页面的不同标签。然而，就我的一生而言，我无法在提供的酒吧空间内使酒吧居中。首先，在空白处的标签右边有一个搜索栏小部件，因为我找到了代码并删除了它。这可能就是原因所在，在导航栏的全宽范围内，没有摆脱为选项卡使用该空间所需的一切。我尝试过将.PageList样式添加到CSS中，使用google chrome检查元素并查看实时更改，这正变得令人沮丧。我相信我在正确

我一直在到处搜索，找到了很多结果，但没有得到效果，也没有得到任何改变。此外，联系作者也没有得到回复。在我的博客顶部是关于我们的规范和点击链接页面的不同标签。然而，就我的一生而言，我无法在提供的酒吧空间内使酒吧居中。首先，在空白处的标签右边有一个搜索栏小部件，因为我找到了代码并删除了它。这可能就是原因所在，在导航栏的全宽范围内，没有摆脱为选项卡使用该空间所需的一切。我尝试过将.PageList样式添加到CSS中，使用google chrome检查元素并查看实时更改，这正变得令人沮丧。我相信我在正确的位置，或者在导航栏、主导航、主菜单导航的位置附近，但该死的，它只是不起作用。据我所知，使用SoraTemplates中的这个自定义模板甚至不可能

所以，我希望能找到一个更聪明的人，他能达到顶峰，给我光明。博客位于

提前谢谢你的建议

另外，如果我的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; }

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

也就是说，尝试将主导航div的边距更改为边距：0px auto；看看这是否有效。它应该自动将主导航div居中于其包含的导航条div内

代码：

我希望这有帮助

你能给我看一下页面上那个区域的代码吗？就在导航区。还有，适用于它的CSS。很抱歉，我没有回头看这里为您发布代码。老实说，我没想到这么快就能得到答复。我也尝试过这个代码，直到现在，它还没有被放在你刚才说的中间，而且仍然是不可能的。谢谢你提供上述信息。我不知道CSS是如何和/或为什么被塞满的，自动生成的等等。我真的不知道这意味着什么，移动到一个专用的CSS文件并引用它，但如果这会有帮助，我也会去搜索这些主题的信息。再次感谢！当然这里有一些参考资料：哦，如果我回答了你的问题，请接受答案。如果我没有，不用担心！如果你需要更多的帮助，请告诉我技术上你回答了，但不适用。我没有足够的代表投赞成票，我不想接受答案，希望得到其他意见。不过，谢谢您的资源链接，先生！没问题，我的用户朋友！css_howto直接解决了将css移出页面的问题，就像所有W3Schools的东西一样，它非常优秀。

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