가로형레이아웃에서
본문
여기에 보면 2차메뉴가 아래로 나오고 있습니다.
이걸 이렇게 바꾸고 싶은데요
일럴려면 무엇을 고처야 하나요?
고수님들 도와주세요
소스는
<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
음 예를 들어
메뉴 부분에서
마우스가 회사소개에 hover 될때 하위
<ul><li>CEO인사말</li>...</ul>
이렇게 ul이 display:block이 되도록 하셔야 할것 같으시구요.
이건...CSS와 제이쿼리를 응용하셔야할것 같습니다.
마우스가 부모의 li에 hover시 그 안에 있는 ul을 보여주게 하는것이고...
메뉴 부분이 좌측으로 붙어 있기 때문에
css에서 left:200이런식으로 띄워서 위치를 잡아주면 될것같습니다.
답변을 작성하시기 전에 로그인 해주세요.
