0

这对我来说没有多大意义,但也许我忽略了一些明显的东西。它是这样的:

我正在使用一个名为 Size Mttrs 的 Wordpress 主题,我已经对其进行了大量修改。我遇到的问题是导航菜单不会将所有列表元素(或导航链接)居中。我将 text-align:center 应用于#sidebar a{},这使我的所有导航链接都正确居中...除了其中两个(“联系人”和“属性”)。这两个甚至不是结尾或开头,它们位于列表的一半。我无法想象为什么它会集中在除了这两个之外。

我发布了一张图片,但这是一个新帐户,并且我发布了一个链接,除非出于某种原因它认为这是垃圾邮件。

这是侧边栏的 CSS(您会注意到我尝试将 text-align:center 应用于几乎所有内容):

#sidebar { width:210px; top:0px;bottom:0px; line-height:18px; position:fixed; height:100%;background:#f0f0f0;padding:20px;text-align:center!important;  }
.widget-top a,
#sidebar a { color:#CCC;text-align:center!important; }


#sidebar .menu { padding:0; margin:0 0 20px; display:block;border-top:4px solid     #ccc;border-bottom:3px solid #ccc;text-align:center!important; }
#container.expanded #sidebar .menu a,
#sidebar .menu a { text-align:center;color:#000; font-weight:400;font- style:none;display:block;letter-spacing:2px; padding:10px 50px;font-size:1.3em;font-family:   'PTSansRegular', 'ChanticleerRomanRegular', Palatino, serif!important;border-bottom:1px  solid #ccc; text-transform:uppercase; }
#sidebar .menu a:hover {font-weight:800!important}
#sidebar .menu li { margin-bottom:0!important;text-align:center!important; }
#sidebar .menu .sub-menu { display:none; margin-left:10px }
#sidebar .menu .sub-menu a { font-weight:normal; padding:5px 0; font-size:100% }
#sidebar .sub-menu ul { border-left:0; }
#sidebar .drop-menu:after { content:""; display:block; float:right; width:11px; height:11px; overflow:hidden; background-position:-122px 0; margin:3px 0 0 0 }
#sidebar .drop-menu:hover:after { background-position:-122px -16px }
#sidebar .drop-menu.open:after { background-position:-134px 0 }
#sidebar .drop-menu.open:hover:after { background-position:-134px -16px }
#sidebar input[type=text], .textfield { background:#282a2d; color:#666; border:3px solid #222326; -webkit-box-shadow:inset 0px 1px 1px rgba(0,0,0,0.5); -moz-box-shadow:inset 0px 1px 1px rgba(0,0,0,0.5); box-shadow:inset 0px 1px 1px rgba(0,0,0,0.5) }
#sidebar input[type=text]:focus, .textfield:focus { color:#1f1f1f }

这是 HTML 输出:

<div id="nav_menu-3" class="widget widget_nav_menu"><div class="menu-nav-container"><ul  id="menu-nav" class="menu"><li id="menu-item-31" class="menu-item menu-item-type-post_type  menu-item-object-page menu-item-31"><a  href="http://katonacreative.com/bluntzer/wordpress/">Home</a></li>
<li id="menu-item-89" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-89"><a href="http://katonacreative.com/bluntzer/wordpress/?page_id=87">Fisher Island</a></li>
<li id="menu-item-102" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-102"><a href="http://katonacreative.com/bluntzer/wordpress/?page_id=101">News</a></li>
<li id="menu-item-155" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-155"><a href="http://katonacreative.com/bluntzer/wordpress/?page_id=153">Agents</a></li>
<li id="menu-item-183" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-183"><a href="http://katonacreative.com/bluntzer/wordpress/?page_id=181">Contact</a></li>
<li id="menu-item-194" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-194"><a href="http://katonacreative.com/bluntzer/wordpress/?page_id=192">Properties</a></li>
<li id="menu-item-206" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-204 current_page_item menu-item-206"><a href="http://katonacreative.com/bluntzer/wordpress/?page_id=204">Test</a></li>
<li id="menu-item-202" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-202"><a href="http://bluntzergroup.idxco.com/idx/17612/mapSearch.php">Map Search</a></li>
</ul></div></div> <span class="separator"><span class="line"></span></span> 

我唯一能想到的是可能有一些我不知道的时髦的 PHP 进程正在进行,可能与这个主题具有 WP NAV 设置的方式有关?欢迎任何和所有帮助。

4

1 回答 1

0

取消样式规则的左右填充#sidebar .menu a... 应该阅读padding:10px 0而不是padding:10px 40px

于 2013-05-10T20:25:57.127 回答