채택완료

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

2017-10-23 (월) 21:22:55 3,608

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

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

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

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

Copy
<!-- 왼쪽 네비게이션 시작 --> <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>

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

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

Copy
<?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>

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

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

답변 1개 / 댓글 1개

채택된 답변
+20 포인트
2017-10-23 (월) 22:33:05

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

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

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

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

Copy
#sub_nav h3 a.active{font-weight:bold; color:#fff;background:#76c145 url('http://www.jbwc.or.kr/n_img/common/sub_nav_hover.gif') no-repeat;background-position:93% 55%;}

답변에 대한 댓글 1개

감사합니다.
역시 천제에요 이렇게 코드도 잘 적어 주시고 정말 감사 합니다.

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