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

가로형레이아웃에서 채택완료

의정부아줌마 9년 전 조회 4,740

http://chprc.co.kr/index.php">http://chprc.co.kr/index.php

여기에 보면 2차메뉴가 아래로 나오고 있습니다.

이걸  이렇게 바꾸고 싶은데요

일럴려면 무엇을 고처야 하나요?

고수님들  도와주세요

 

 


소스는

 

</strong></p><p><div style="height:20px;"></div>
     <div id="logo">
      <a href="<?php echo G5_URL ?>"><img src="<?php echo G5_IMG_URL ?>/logo.gif" alt="<?php echo $config['cf_title']; ?>"></a>
     </div>
                    <div style="height:65px;"></div>
      <div>
   <ul id="gnb_1dul">
    <?php
    $sql = " select *
       from {$g5['menu_table']}
       where me_use = '1'
         and length(me_code) = '2'
       order by me_order, me_id ";
    $result = sql_query($sql, false);
    $gnb_zindex = 999; // gnb_1dli z-index 값 설정용</p><p>    for ($i=0; $row=sql_fetch_array($result); $i++) {
    ?>
    <li class="gnb_1dli" style="z-index:<?php echo $gnb_zindex--; ?>">
     <a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="gnb_1da"><font color="#ffffff"><font size="4.0em"><?php echo $row['me_name'] ?></font></font></a>
     <?php
     $sql2 = " select *
        from {$g5['menu_table']}
        where me_use = '1'
          and length(me_code) = '4'
          and substring(me_code, 1, 2) = '{$row['me_code']}'
        order by me_order, me_id ";
     $result2 = sql_query($sql2);</p><p>     for ($k=0; $row2=sql_fetch_array($result2); $k++) {
      if($k == 0)
       echo '<ul class="gnb_2dul">'.PHP_EOL;
     ?>
      <li class="gnb_2dli"><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>" class="gnb_2da"><?php echo $row2['me_name'] ?></a></li>
     <?php
     }</p><p>     if($k > 0)
      echo '</ul>'.PHP_EOL;
     ?>
    </li>
    <?php
    }</p><p>    if ($i == 0) {  ?></p><p>    <?php } ?>
   </ul>
  </div>
  </p><p><strong>

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

답변 2개

채택된 답변
+20 포인트
d
9년 전
로그인 후 평가할 수 있습니다

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

음 예를 들어

메뉴 부분에서

마우스가 회사소개에 hover 될때 하위

  • CEO인사말
  • ...

이렇게 ul이 display:block이 되도록 하셔야 할것 같으시구요.

 

이건...CSS와 제이쿼리를 응용하셔야할것 같습니다.

마우스가 부모의 li에 hover시 그 안에 있는 ul을 보여주게 하는것이고...

메뉴 부분이 좌측으로 붙어 있기 때문에

css에서 left:200이런식으로 띄워서 위치를 잡아주면 될것같습니다. 

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

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

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

로그인