0

これは私にはあまり意味がありませんが、おそらく明らかなことを見落としています。ここに行きます:

私は既にかなり大幅に変更した Size Mttrs と呼ばれる Wordpress テーマを使用しています。私が抱えている問題は、ナビゲーション メニューがすべてのリスト要素 (またはナビゲーション リンク) を中央に配置しないことです。text-align:center を #sidebar a{} に適用すると、すべてのナビゲーション リンクが適切に中央に配置されました...そのうちの 2 つ (「連絡先」と「プロパティ」) を除いて。これらの 2 つは最後でも最初でもなく、リストの中ほどにあります。なぜそれらの2つ以外のすべてを中心にするのか想像できません.

写真を投稿しますが、これは新しいアカウントであり、何らかの理由でこれがスパムであると思われる場合を除いて、id はリンクを投稿します。

これはサイドバーの 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> 

私が考えることができる唯一のことは、おそらくこのテーマが WP NAV セットアップを持っている方法に関係して、私が気付いていないファンキーな PHP プロセスが進行している可能性があるということですか? どんな助けでも大歓迎です。

4

1 に答える 1

0

スタイルルールの左右のパディングを外して...の代わりに#sidebar .menu a読む必要がありますpadding:10px 0padding:10px 40px

于 2013-05-10T20:25:57.127 に答える