채택완료

가로형레이아웃에서

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

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

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

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

고수님들  도와주세요

 

 

04fbd6f56f5f5e0dec26d6fd54929f9e_1461829119_4036.gif
소스는

 

Copy
<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 값 설정용    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);     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     }     if($k > 0)      echo '</ul>'.PHP_EOL;     ?>    </li>    <?php    }    if ($i == 0) {  ?>    <?php } ?>   </ul>  </div>

답변 2개

채택된 답변
+20 포인트

음 예를 들어

메뉴 부분에서

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

<ul><li>CEO인사말</li>...</ul>

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

 

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

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

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

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

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