2011-12-23 42 views
0

我需要從這個WordPress的安裝http://bit.ly/rrWFMH複製菜單到一些非wordpress的PHP頁面。WordPress的CSS菜單複製 - 菜單項和下拉菜單中的項目右移

我將菜單代碼移至http://bit.ly/vcUn1s。起初,我使用了原始的wordpress CSS文件,它的工作沒有問題。但是,剝離該css文件後,我得到了工作菜單,但由於某些原因,菜單項和下拉菜單中的項目向右移動。我一直在努力修復它幾個小時,但仍然沒有運氣...

任何人都可以在CSS專家指出我有什麼問題,我的CSS,漂亮嗎? :))

我愛你們!

+0

剝離下來,似乎已經刪除了你需要的東西。我通常通過評論所有的CSS來剝離它,然後重新添加它直到它工作。然後我刪除其餘的。 – 2011-12-23 20:24:30

回答

1

添加的padding:0;一個樣式聲明你#access .menu-header ul, div.menu ul宣言和應該做的伎倆:

#access .menu-header ul, div.menu ul { 
    list-style: none outside none; 
    margin: 0; 
    padding: 0; 
} 
+0

填充聲明後:0;菜單項移動到正確的位置,但下拉菜單現在居中,而不是像原來那樣對齊左側。 – Acidon 2011-12-23 21:40:08

+0

菜單項在原來的位置顯示爲中心,但您可以很容易地將它們對齊到左側,只需向''access ul ul a {'聲明中添加樣式聲明'text-align:left'並且應該修理它。 – 2011-12-23 22:09:57

+0

我正在嘗試灰色背景對齊,而不是鏈接,但你的文本對齊:左;修復照顧的背景,我更喜歡左鏈接對齊:)非常感謝,安德烈斯! – Acidon 2011-12-24 05:10:46