Potrzebujesz menu rozwijanego CSS Porada

Question

Próbuję zrobić moje pierwsze czyste menu rozwijane css/html, ale miałem trudności z uruchomieniem funkcji Hover. Otrzymałem świetne odpowiedzi, ale tym razem wszystko się popsuło, a nie we właściwym miejscu. W tej chwili jestem tak zagubiony.

http://jsfiddle.net/X5Dbc/

position: absolute; or somthing like that... 

mam przeczucie, że ma do czynienia z somthing positioning jsfiddle powyżej jest to, co mam po zapytaniu o „rozwijane” efekt ..

Pamiętaj mnie wciąż nowicjuszem jeśli chodzi o prawidłowy CSS. Wszelkie porady i pomoc w tym menu będą najbardziej cenione! I konstruktywna krytyka jest zawsze mile widziana.

Answer 1

Twój znacznik jest nieprawidłowy. ID s muszą być unikatowe. tzn. nie można użyć tego samego ID na elementach muiltiple. Po to jest class. W tym przypadku nie ma potrzeby używania ID s.

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

Przesuń :hover do rodzica li

Można projektować dwie ul oddzielnie tak:

Najwyższy poziom:

#navwrap > ul { your styles ... } 

Sublevel:

#navwrap ul ul { your styles ... }