메인에있는 메뉴를 그대로 쇼핑몰 해드에 넣었는데 위치가 달라요ㅠㅠ
본문
메인에 해드 있는 게시판메뉴 부분이.
쇼핑몰에는 없어서 그부분만 넣으려고 복사해서 붙였는데.....
모양이 이상하게 나오네요 ㅜㅜㅜ
위 이미지 처럼 이상하게 좌우로 안돼고. 아래로 내려가버리는데
제가 잘못 붙인걸까요?ㅜㅜㅜㅜ
복붙은 이렇게 했습니다..
<hr>
<hr>
<h2>메인메뉴</h2>
<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"><?php echo $row['me_name'] ?></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) { ?>
<li id="gnb_empty">메뉴 준비 중입니다.<?php if ($is_admin) { ?> <br><a href="<?php echo G5_ADMIN_URL; ?>/menu_list.php">관리자모드 > 환경설정 > 메뉴설정</a>에서 설정하실 수 있습니다.<?php } ?></li>
<?php } ?>
</ul>
</nav>
</div>
<!-- } 상단 끝 -->
<hr>
고수님들 어디쪽이 문제인지 부탁드려요 ㅜㅜ
답변 2
css/default.css 안에 보시면 메인 메뉴에 대한 스타일이 있습니다.
/* 메인메뉴 */
#gnb {position:relative;margin:-1px 0 0;border-top:1px dotted #dde4e9;border-bottom:1px solid #dde4e9;background:#3366cc}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb_1dul {margin:0 auto !important;padding:0;width:970px;zoom:1}
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_1dli {z-index:10;position:relative;float:left;}
.gnb_1dli a {color:#fff;}
.gnb_1da {display:inline-block;text-align:center;width:107px;height:40px;font-size:15px;font-weight:bold;line-height:2.95em;text-decoration:none}
.gnb_1da:focus, .gnb_1da:hover {text-decoration:none}
.gnb_1dli_air .gnb_1da {background-color:#4878D7;color:#fff}
.gnb_1dli_on .gnb_1da {background-color:#4878D7;color:#fff}
.gnb_2dul {display:none;position:absolute;top:40px;width:180px}
.gnb_2da {display:block;padding:13px 10px;text-align:left;text-decoration:none}
.gnb_1dli_air .gnb_2da {background-color:#4878D7;color:#fff}
.gnb_1dli_on .gnb_2da {background-color:#4878D7;color:#fff}
.gnb_2da:focus, .gnb_2da:hover {background:#6387CE;text-decoration:none}
.gnb_1dli_over .gnb_2dul {display:block;left:0;background:#fff}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0;background:#fff}
#gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em}
#gnb_empty a {text-decoration:underline}
css도 넣으셔야합니다.