2013-05-28 39 views
5

İlk saf css/html açılır menüsümü yapmaya çalışıyorum ancak Hover işlevinin düzgün çalışması için zor bir zaman geçirdim. Harika cevaplar aldım ama bu sefer, hepsi berbat ve doğru yerde değil. Bu noktada çok kayboldum.CSS Açılır Menüye İhtiyaç Var Tavsiye

http://jsfiddle.net/X5Dbc/

position: absolute; or somthing like that... 

i

Ben unutmayın .. o positioning yukarıdaki jsfiddle ile ilgisi somthing sahip bir önsezi i "Açılan" etkisi hakkında soran sonra ne olduğunu var uygun CSS söz konusu olduğunda hala bir acemi. Bu menüyü yapan herhangi bir Tavsiye veya yardım en çok takdir edilecektir! Ve yapıcı eleştiri her zaman beklerim.

+0

Yapmak yerine "ul [id = drop]" do "ul # drop" :) – user2019515

+0

oh, tamam. Bu temizleyici yöntem olurdu. Teşekkürler – webdesChris

cevap

4

İşaretlemeniz geçerli değil. ID s benzersiz olmalıdır. yani aynı ID'u muiltiple elemanlarda kullanamazsınız. class'un anlamı budur. Bunun için ID s kullanımına gerek yoktur.

Üst düzey:

#navwrap > ul { your styles ... } 

Arakatlı:

#navwrap ul ul { your styles ... } 
#navwrap ul li ul { 
    display: none; 
} 
#navwrap ul li:hover ul { 
    display: block; 
    position: relative; 
} 
li

Böyle ayrı ayrı iki ul stil ekleyebilirsiniz ebeveyne :hover Taşı

+1

Cevabınız gerçekten yardımcı oldu. Çok teşekkürler – webdesChris

+0

Endişeye gerek yok. Yardım için sevindim – Turnip

İlgili konular