서브메뉴 질문좀 드리겟습니다 ㅠㅠ..
본문
http://road13460078.cafe24.com/
사이트는 여기구요... 서브메뉴 부분이 안나오네요
마우스 갖다대면 나오게 하고싶은데..
css jquery html 부분입니다...
왜 그런지 알려주세요 ㅠ 부탁드립니다
#tnb {margin:0;padding:0;list-style:none;zoom:1;margin-left:10px;text-align: center;}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:left;}
#tnb a {display:inline-block;height:28px;color:#333;letter-spacing:-0em;line-height:2.4em}
#tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none}
#tnb img {margin-right:5px}
#tnb {no-repeat;position:relative;}
#tnb > li {float:left; }
#tnb > li .sub {position:relative; display:none; z-index:2}
#tnb > li .sub > li {float:left;}
<script>
$(document).ready(function(e){
$("#tnb > li").bind("mouseenter",function(e){
$("#tnb > li .sub").css("display","none")
$(this).children(".sub").css("display","block")
});
});
</script>
<div>
<ul id="tnb" style="margin-top: 20px;margin-bottom: 30px;width:1220px;margin: 0 auto;">
<li><a href=""><img src="/img/gnb/company.jpg"></a></li>
<li><a href="/bbs/board.php?bo_table=dress"><img src="/img/gnb/dress.jpg"></a></li>
<li><a href="/bbs/board.php?bo_table=shoot"><img src="/img/gnb/shoot.jpg"></a></li>
<ul class="sub" style="margin: 0 auto;">
<li><a href=""><img src="/img/gnb/china.png"></a></li>
<li><a href=""><img src="/img/gnb/korea.png"></a></li>
<li><a href=""><img src="/img/gnb/hawai.png"></a></li>
</ul>
<li><a href="/bbs/board.php?bo_table=makeup"><img src="/img/gnb/makeup.jpg"></a></li>
<li><a href="/bbs/board.php?bo_table=event"><img src="/img/gnb/event.jpg"></a></li>
<li><a href="/bbs/board.php?bo_table=board"><img src="/img/gnb/board.jpg"></a></li>
</ul>
</div>
답변 2
서브메뉴 부분을
메인메뉴의 영역안에 넣으셔야할거같네요
<ul class="sub" .....>
이걸
#tnb 아래 li (메인메뉴) 의 안에다가 넣으셔야될거에요 ~
아 그렇군요!!... 잘 모르니까 이런 간단한것도 놓치네요 ㅠㅠ
정말감사합니다!~!!!
<ul class="sub" style="margin: 0 auto;">
</ul>
부분이
<ul id="tnb">
<li><a>메뉴</a></li>
</ul>
여기 <li>안에 없어서 작동안하는것같아요
스크립트내용을 확인해보니
답변감사합니다^^
답변을 작성하시기 전에 로그인 해주세요.
