सीएसएस ड्रॉपडाउन मेनू सलाह की आवश्यकता है

Question

मैं अपना पहला शुद्ध सीएसएस/एचटीएमएल ड्रॉपडाउन मेनू बनाने की कोशिश कर रहा हूं लेकिन मुझे होवर फ़ंक्शन को ठीक से काम करने में कठिनाई हो रही थी। मुझे बहुत अच्छे जवाब मिले लेकिन इस बार, यह सब गड़बड़ हो गया और यह सही जगह पर नहीं है। मैं इस बिंदु पर इतना खो गया हूँ।

http://jsfiddle.net/X5Dbc/

position: absolute; or somthing like that... 

मैं एक कूबड़ यह positioning ऊपर jsfiddle के साथ क्या करना है somthing है क्या मैं "ड्रापडाउन" प्रभाव के बारे में पूछ के बाद किया गया है ..

ध्यान रखें मैं कर रहा हूँ जब भी उचित सीएसएस की बात आती है तब भी एक नौसिखिया। इस मेनू काम करने में कोई सलाह या मदद की सराहना की जाएगी! और रचनात्मक आलोचना हमेशा स्वागत है।

Answer 1

आपका मार्कअप मान्य नहीं है। ID एस अद्वितीय होना चाहिए। यानी आप muiltiple तत्वों पर उसी ID का उपयोग नहीं कर सकते हैं। यही है class के लिए है। वैसे भी ID एस का उपयोग करने की कोई आवश्यकता नहीं है।

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

माता-पिता के लिए :hover ले जाएँ li

आप शैली दे सकते हैं दो ul अलग से इस तरह:

शीर्ष स्तर:

#navwrap > ul { your styles ... } 

sublevel:

#navwrap ul ul { your styles ... }