Wordpress Dropdowns

Question

我正在爲非營利組織創建一個Wordpress主題，我希望能夠爲他們創建下拉菜單。然而，由於某種原因，下拉列表與父頁面項目沒有對應，即我將項目「Resources」設置爲關於父頁面，當您將鼠標懸停在About上時，Resources標籤沒有排列關於。希望這是有道理的。

這是代碼。

的HTML

<div id="nav"> 
<div class="menu"> 
<ul> 
<li class="current_page_item"><a href="http://localhost/raf/" title="Home">Home</a></li> 

<li class="page_item page-item-8"><a href="http://localhost/raf/?page_id=8">News</a> 

<ul class='children'> 
<li class="page_item page-item-75"><a href="http://localhost/raf/?page_id=75">And Yet Another</a></li></ul></li> 

<li class="page_item page-item-12"><a href="http://localhost/raf/?page_id=12">About</a> 
<ul class='children'><li class="page_item page-item-70"><a href="http://localhost/raf/?page_id=70">Dropdown Menu</a></li> 
<li class="page_item page-item-73"><a href="http://localhost/raf/?page_id=73">Another Dropdown</a></li></ul></li> 

</ul></div> 
</div><!--End #nav--> 

而CSS ...

#nav ul ul { 
display: none; 
position: absolute; 
top: 38px; 
left: 0; 
height:20px; 
float: left; 
width: 190px; 
z-index: 99999;   
} 

#nav ul ul a { 
color:#555; 
font-size:12px; 
border: 1px solid #ddd; 
} 

#nav ul ul li { 
top:0; 
min-width: 180px; 
background-color:#333; 
} 

#nav ul ul ul { 
left: 100%; 
top: 0; 
} 

#nav ul ul a { 
font-size:12px; 
background: #e5e5e5; 
line-height: 1em; 
padding: 15px; 
width: 160px; 
height: 10px; 
} 

感謝堆！希望有人可以幫助。

JRW

Answer 1

我發現我的問題是我需要添加位置：相對於父元素，即父ul中的列表項。感謝所有花時間嘗試幫助我的人！

Answer 2

這很可能是你需要一個CSS修正。熟悉Firebug或Chrome網絡檢查器，如果您正在做網站的前端工作。 如果你有一個網站的鏈接，我將能夠告訴你需要解決的問題。 此外，你真的不應該在你的代碼中使用絕對路徑。它將使您的傳輸過程變得更加簡單。

替換：<a href="http://localhost/raf/?page_id=8">News</a>

有了：<a href="<?php echo get_option('home'); ?>/?page_id=8">News</a>

如果你可以使用WordPress的動態菜單，甚至更好（http://codex.wordpress.org/WordPress_Menu_User_Guide）