링크앞에 여백이.
본문
background-image: url('../shop/img2/topGnb.jpg');
height: 41px;
#gnb {
width: 940px;
background-image: url('../shop/img2/top_gnb_bg.jpg');
background-repeat: no-repeat;
margin-top: 0;
margin-right: auto;
margin-left: auto;
}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.gnb_1dul {
margin:0;
border:0;
list-style:none
}
.gnb_1dli {
position:relative;
display: inline;
margin: 0px;
padding: 0px;
list-style-type: none;
}
.gnb_1dli a {
color: #FFF;
}
color:#FC0;
text-decoration:none;
}
.gnb_1da {
display:inline-block;
font-weight:bold;
text-decoration:none;
line-height:2.9em !important;
line-height:2.7em;
background-image: url('../shop/img2/M_sideline.gif');
background-repeat: repeat-y;
background-position: right;
padding-right: 15px;
padding-left: 15px;
padding-top: 5px;
}
.gnb_1dli_on .gnb_1da {
color:#FC0; !important;
text-decoration:none !important
}
답변 1
<!-- 쇼핑몰 카테고리 시작 { -->
<nav id="gnb">
<h2>쇼핑몰 카테고리</h2>
<ul id="gnb_1dul">
<?php
// 1단계 분류 판매 가능한 것만
$hsql = " select ca_id, ca_name from {$g5['g5_shop_category_table']} where length(ca_id) = '2' and ca_use = '1' order by ca_id ";
$hresult = sql_query($hsql);
$gnb_zindex = 999; // gnb_1dli z-index 값 설정용
$count = count($hresult);
for ($i=0; $row=sql_fetch_array($hresult); $i++)
{
$gnb_zindex -= 1; // html 구조에서 앞선 gnb_1dli 에 더 높은 z-index 값 부여
?>
<li class="gnb_1dli" style="z-index:<?php echo $gnb_zindex; ?>"><a href="<?php echo G5_SHOP_URL.'/list.php?ca_id='.$row['ca_id']; ?>" class="gnb_1da"><?php echo $row['ca_name']; ?></a></li>
<?php } ?>
</ul>
</nav>
<!-- } 쇼핑몰 카테고리 끝 -->
별거 수정한거 없는데..
