2012-10-25 47 views
0

我想在我的導航div中使用CSS製作下拉菜單。我有我想要的風格和所有東西,但唯一似乎變得混亂的是高度。我有三個列表項目,當我想在鏈接上懸停時出現,但只有一個出現。我知道這與導航div的高度有關,但我不知道如何解決這個問題,因爲我不想讓紫色條出現比它更高的高度。我只是想讓鏈接像平常一樣在下面的文本頂部下拉。請幫助?如何使用CSS製作下拉菜單

http://www.pitt.edu/~mkm49/1052/available.html

(是的,這是一所學校的任務,但我已經做了所有我自己,我只是需要幫助打通這一個障礙,對於那些你誰是怪異地幫助學生的工作!)

+0

我強烈建議你退房cssplay.co.uk – twodayslate

+0

這就是爲什麼我討厭從我的網站發帖,因爲像sachleen這樣的人立即判斷,並認爲我只是不想做這項工作。我做了大量的研究,並且通過一百個例子來查看一個有效的例子。因此,我到目前爲止,但是當我將其與其他元素一起放入我的文檔時,它會切斷我的其餘列​​表,並且我只需要幫助固定高度,以便紫色不會變大。 – user1748319

回答

0

你會發現你的代碼看起來都不對,我通讀你的源代碼,很明顯你將隱藏在屏幕非常遠的所有菜單項中,left: -999em這是一個非常糟糕的方法。

你應該嘗試尋找到CSS display規則,你可以使用display: none隱藏一個div,然後display: blockdisplay: inline再次顯示它,依賴,如果你想在項目內聯或塊。

嘗試重寫代碼如何處理菜單項(例如簡單的display懸停更改)就足夠了。

注意

你應該儘量保持你的ID和班級更容易理解,目前他們似乎有點無組織無信息和。

我希望你能夠得到這個工作!

+0

非常感謝!這是我一直在尋找的。 – user1748319

+0

如果您認爲這是您的正確答案,請點擊向上箭頭和/或下方的勾號以顯示您的答案 – pathurs

0

你使用螢火蟲或鉻開發工具來檢查你的工作?你有一些重疊的問題,你應該能夠通過一些檢查來弄清楚。

還有一個快速提示,因爲這是一個項目......你已經走下了在你的CSS中使用了很多絕對定位的滑坡。這通常不是一個好的做法,並且以間接的方式,可能是你的問題的原因。 祝你好運!