2011-05-19 62 views
0

我試圖在ul下顯示多個li。但通過使用下面的代碼,我得到了第一個li之上的差距。CSS中的設計問題

enter image description here

屏幕截圖:我提到的間隙示於紅色。我想刪除它。任何人都可以解決它嗎? enter image description here

+0

Probally填充頂:5像素。需要html來確定! – Jawad 2011-05-19 10:59:32

+0

發佈完整的HTML和CSS – Jawad 2011-05-19 11:02:36

+0

我用Padding頂部來顯示文本如果我刪除它,那麼所有的文本將只移動到不是李 – 2011-05-19 11:02:43

回答

1

由於紅色背景顯示時,它的子菜單列表上的填充。

嘗試增加:

#nav li.off ul li:hover ul, 
#nav li.on ul li:hover ul { 
    padding-top: 0; 
} 
+0

我還有一個問題。如屏幕截圖所示,如果將鼠標懸停在「我的個人資料」選項卡上,其下的子網站也會顯示在IE7中的MyHomePage選項卡下。在IE8中,它按預期工作。 – 2011-05-19 11:19:18

1

除去padding-top和/或<ul>

像這樣margin-top

ul { 
    padding-top: 0; 
    margin-top: 0; 
} 
+0

我用Padding頂部來顯示文本如果我刪除它,那麼所有的文本將只移動到不是李 – 2011-05-19 11:00:16