메뉴 문의드립니다.
본문
아래 메뉴보면 중분류에 공지사항 자유게시판 질문답변이 있는데요
이 중분류를 전체적으로 border-radious 처리하고싶은데 어떻게 하나요?
답변 2
.gnb_2dul {border-radius:10px;}
메뉴마다 클래스이름은 다를수 있어요.
그렇게 했는데 안되네요. 아예 적용이 안되요
.gnb_2dul {border-radius:10px !important;}
아래처럼 했는데 그래도 적용이 안되요.
css 부분
#gnb {position:relative;margin:0; float:right; width:800px; top:32px;}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb_1dul {margin:0 auto !important;padding:0;width:800px;zoom:1;}
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:"";}
.gnb_1dli {z-index:10;position:relative;float:left;}
.gnb_1da {display:inline-block;padding:0 45px 0 45px;height:40px;font-weight:bold;line-height:1.95em;text-decoration:none;font-size:18px;font-family:'Nanum Gothic';}
.gnb_1da:focus, .gnb_1da:hover {text-decoration:none;font-size:18px;font-family:'Nanum Gothic';}
.gnb_1dli_air .gnb_1da {}
.gnb_1dli_on .gnb_1da {}
.gnb_2dul {display:none;position:absolute;top:40px;width:160px; border-radius:10px; !important;}
.gnb_2da {display:block;padding:15px 20px;text-align:left;text-decoration:none;font-size:13px;font-family:'Nanum Gothic'; border-bottom:1px solid #697584;}
.gnb_1dli_air .gnb_2da {background-color:#333;color:#fff}
.gnb_1dli_on .gnb_2da {background-color:#515b68;color:#fff}
.gnb_2da:focus, .gnb_2da:hover {background:#40454d;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}
html부분
<nav id="gnb">
<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>
.gnb_1dli_air .gnb_2da {border-radius:10px}
