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

안녕하세요 서브 메뉴 관련 질문 드립니다. 채택완료

꿈의세계 8년 전 조회 3,448

http://www.jisim.or.kr/theme/basic3/page/company_1.php">http://www.jisim.or.kr/theme/basic3/page/company_1.php

현제 사이트를 하나 만들고 있는데요

왼쪽 메뉴 베치는 성공을 했습니다.

그런데 서브 메뉴를 클릭을 하게 되면 메뉴가 녹색으로 표시가 되어야 하는데 안되서요 어디서 문제가 생긴 것인지 모르겠습니다.

</strong></p><p><!-- 왼쪽 네비게이션 시작 -->
 <div class="container pt-xlg pb-xlg">
  <div class="col-md-1-5 p-none hidden-xs hidden-sm" >
   <div id="aside" class="section">
    <div id="label" class="leftbg01" id="left-sitecon">
     <h1 class="aside_btext sub01-top"><?php echo $step1?></h1>
     <a href="javascript:void(0);" class="sub_nav_open"> <strong>서브메뉴 열기</strong> </a> 
    </div>
    <div id="sub_nav">
     <ul class="sub_nav"><? include G5_THEME_PATH ."/page/sub_menu.php" ?></ul>
    </div>
   </div>
  </div></p><p><strong>

이렇게 하고 메뉴는 링크를 걸었습니다.

메뉴에는 다음과 같이 PHP 코드를 넣었습니다.

</strong></p><p><?php if($pn=="company_1" || $pn=="company_2" || $pn=="company_3" || $pn=="company_4" || $pn=="company_5" || $pn=="company_6" || $pn=="company_7") { ?>
 <li><h3><a href="<?php echo G5_THEME_URL;?>/page/company_1.php"  <?php if($pn=="company_1") { ?>class="active"<?php } ?>><strong>대표이사 인사말</strong></a></h3></li>
 <li><h3><a href="<?php echo G5_THEME_URL;?>/page/company_2.php"  <?php if($pn=="company_2") { ?>class="active"<?php } ?>><strong>설리목적</strong></a></h3></li>
 <li><h3><a href="<?php echo G5_THEME_URL;?>/page/company_3.php"  <?php if($pn=="company_3") { ?>class="active"<?php } ?>><strong>CI 소개</strong></a></h3></li>
 <li><h3><a href="<?php echo G5_THEME_URL;?>/page/company_4.php"  <?php if($pn=="company_4") { ?>class="active"<?php } ?>><strong>연혁</strong></a></h3></li>
 <li><h3><a href="<?php echo G5_THEME_URL;?>/page/company_5.php"  <?php if($pn=="company_5") { ?>class="active"<?php } ?>><strong>인증현황</strong></a></h3></li>
 <li><h3><a href="<?php echo G5_THEME_URL;?>/page/company_6.php"  <?php if($pn=="company_6") { ?>class="active"<?php } ?>><strong>조직도</strong></a></h3></li>
 <li><h3><a href="<?php echo G5_THEME_URL;?>/page/company_7.php"  <?php if($pn=="company_7") { ?>class="active"<?php } ?>><strong>오시는 길</strong></a></h3></li></p><p><strong>

메뉴를 클릭을 하면 선택이 되어야 하는데 선택이 안되요 물론 페이지로 이동은 잘 되고요

고수님들의 답변 부탁 드립니다.

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

답변 1개

채택된 답변
+20 포인트
8년 전

class="active" 는 정상적으로 적용되고 있습니다.

active class 에 대한 css 정의가 없어서, 그렇습니다.

#sub_nav h3 a strong:hover 를 복사해서 selector 만 

#sub_nav h3 a.active로 변경해서 추가해주면 될 듯 합니다. 

</span> </p><p><span style="font-size: 14.6667px;">#sub_nav h3 a.active{font-weight:bold; color:#fff;background:#76c145 url('<a href="<a href="http://www.jbwc.or.kr/n_img/common/sub_nav_hover.gif" target="_blank" rel="noopener noreferrer">http://www.jbwc.or.kr/n_img/common/sub_nav_hover.gif</a>"><a href="http://www.jbwc.or.kr/n_img/common/sub_nav_hover.gif" target="_blank" rel="noopener noreferrer">http://www.jbwc.or.kr/n_img/common/sub_nav_hover.gif</a></a>') no-repeat;background-position:93% 55%;}</span> </p><p>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

꿈의세계
8년 전
감사합니다.
역시 천제에요 이렇게 코드도 잘 적어 주시고 정말 감사 합니다.

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

답변을 작성하려면 로그인이 필요합니다.

로그인