Q & A

질답게시판

홈 > 회원포럼 > 질답/버그/제안
질답/버그/제안

아미나 메뉴를 이미지로 변경하기위해 그누보드식으로 변환했는데 호버가 안먹히는데 머가 문제일까요?

6 다먹자 1 420

<nav id="gnb">
    <script>$('#gnb').addClass('gnb_js');</script>
    <h2>메인메뉴</h2>
    <ul id="gnb_1dul">
        <li class="gnb_1dli">
            <a href="<?php echo G5_BBS_URL ?>/group.php?gr_id=그룹ID" class="gnb_1da">메뉴1</a>
            <ul class="gnb_2dul">
                <li class="gnb_2dli"><a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=테이블명" class="gnb_2da">메뉴1-1</a></li>
                <li class="gnb_2dli"><a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=테이블명" class="gnb_2da">메뉴1-2</a></li>
            </ul>
        </li>
        <li class="gnb_1dli">
            <a href="<?php echo G5_BBS_URL ?>/group.php?gr_id=그룹ID" class="gnb_1da">메뉴2</a>
            <ul class="gnb_2dul">
                <li class="gnb_2dli"><a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=테이블명" class="gnb_2da">메뉴2-1</a></li>
                <li class="gnb_2dli"><a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=테이블명" class="gnb_2da">메뉴2-2</a></li>
            </ul>
        </li>
 </ul>
</nav> 


<style>

#gnb {position:relative;margin:-1px 0 0;border-top:1px dotted #dde4e9;border-bottom:1px solid #dde4e9;background:#ecf0f7}

#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#gnb_1dul {margin:0 auto !important;padding:0;width:970px;zoom:1}

#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}

.gnb_1dli {z-index:10;position:relative;float:left}

.gnb_1da {display:inline-block;padding:0 40px 0 10px;height:35px;background:url('../img/gnb_bg00.gif') center right no-repeat;font-weight:bold;line-height:2.95em;text-decoration:none}

.gnb_1da:focus, .gnb_1da:hover {background:url('../img/gnb_bg00.gif') #333 center right no-repeat;text-decoration:none}

.gnb_1dli_air .gnb_1da {background-color:#333;color:#fff}

.gnb_1dli_on .gnb_1da {background-color:#333;color:#fff}

.gnb_2dul {display:none;position:absolute;top:35px;width:180px}

.gnb_2da {display:block;padding:13px 10px;text-align:left;text-decoration:none}

.gnb_1dli_air .gnb_2da {background-color:#333;color:#fff}

.gnb_1dli_on .gnb_2da {background-color:#333;color:#fff}

.gnb_2da:focus, .gnb_2da:hover {background:#666;text-decoration:none}

.gnb_1dli_over .gnb_2dul {display:block;left:0;background:#fff}

.gnb_1dli_over2 .gnb_2dul {display:block;right:0;background:#fff}

</style>

그누보드껄 바로 이용해볼려고 하는데 그러면 안되는걸까요 


1 Comments
M 한별아빠 01.13 00:18  
/js 폴더 안의 관련 자바스크립트도 적용해야 출력되겠죠.
제목
최근 글
최근 댓글
Facebook Twitter GooglePlus KakaoStory KakaoTalk NaverBand