테스트 사이트 - 개발 중인 베타 버전입니다

메뉴에서 무엇이 문제인가요?

· 13년 전 · 950 · 2
제이쿼리 예제 사이트 같은데서 퍼온 건데요

원본: http://www.htmldrive.net/items/show/199/jQuery-and-CSS3-Awesome-Slide-Down-Box-Menu

 

이것을 제가 필요한대로 수정하고 있습니다

http://hpsop418.dothome.co.kr/

여기저기 뒤져보면서 확실하게는 아닐지라도 감으로 사이즈랑 메뉴 내용 같은 부분 수정했는데요
문제는 서브메뉴에서 마우스 오버하면 왜 선택된 메뉴만 색깔바뀌는게 아니라
아래칸까지 같이 바뀔까요?

원본은 서브메뉴가 
<a href="#">서브1</a>
<a href="#">서브2</a>
<a href="#">서브2</a>
형식으로 되어있더군요.. 
서브 메뉴마다 네모칸으로 바꾸고 마우스 오버시 네모칸 색깔 바뀌게 하고 싶어서

css에 아래처럼 추가하고
ul.nav_menu {
margin:0;
padding:0;
display: block;
list-style: none;
font-size:15px;
text-align:center;
background-color:#eee;
}
ul.nav_menu li{
height:35px;
border-top:1px solid #aaa;
}

html에서 서브메뉴 출력되는 부분을
<ul l class="nav_menu">
<li><a href="#">서브1</li>
<li><a href="#">서브2</li>
<li><a href="#">서브3</li>
</u>
이렇게 바꾸었는데...
보시면 알겠지만 서브메뉴 마우스오버시 선택칸+밑에칸 까지 색상이 바뀌네요

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 2개

span.sdt_wrap { background-color: white )
감사합니다! 한줄만 추가하면 되는거군요! 감사합니다!!!!!!!

게시글 목록

번호 제목
4405
17973
17969
30568
17965
17962
17959
17955
17953
17950
17947
4403
17944
17943
17941
17939
17935
17928
4391
17926
17923
17920
17917
26380
17916
30565
17910
17907
17905
30555
17904
30552
17901
17900
17898
30549
17895
26379
26378
26377
17893
17891
17888
17885
17883
17882
17861
17859
17857
4388
24413
4383
17849
17847
17845
17844
17839
17838
30548
17836
17833
17831
17827
17826
17823
17820
17818
24412
30547
17814
4377
30544
17813
17810
26373
17804
30543
17803
4370
17801
17796
26372
17794
30536
17791
4364
17789
30535
17788
30527
30525
30524
4358
30521
17781
26371
17776
4343
17772
17768