카테고리 목록을 옆으로 나오게하고 싶은데요.
어떻게 고쳐야 분류가 가로로 나오나요?
Copy
<!-- 쇼핑몰 카테고리 시작 { --><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_order, ca_id "; $hresult = sql_query($hsql); $gnb_zindex = 999; // gnb_1dli z-index 값 설정용 for ($i=0; $row=sql_fetch_array($hresult); $i++) { $gnb_zindex -= 1; // html 구조에서 앞선 gnb_1dli 에 더 높은 z-index 값 부여 // 2단계 분류 판매 가능한 것만 $sql2 = " select ca_id, ca_name from {$g5['g5_shop_category_table']} where LENGTH(ca_id) = '4' and SUBSTRING(ca_id,1,2) = '{$row['ca_id']}' and ca_use = '1' order by ca_order, ca_id "; $result2 = sql_query($sql2); $count = mysql_num_rows($result2); ?> <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 if ($count) echo ' gnb_1dam'; ?>"><?php echo $row['ca_name']; ?></a> <?php for ($j=0; $row2=sql_fetch_array($result2); $j++) { if ($j==0) echo '<ul class="gnb_2dul" style="z-index:'.$gnb_zindex.'">'; ?> <li class="gnb_2dli"><a href="<?php echo G5_SHOP_URL; ?>/list.php?ca_id=<?php echo $row2['ca_id']; ?>" class="gnb_2da"><?php echo $row2['ca_name']; ?></a></li> <?php } if ($j>0) echo '</ul>'; ?> </li> <?php } ?> </ul></nav><!-- } 쇼핑몰 카테고리 끝 -->
|
답변 1개 / 댓글 1개
2014-07-29 (화) 00:29:50
css에서 수정하셔야 할텐뎅
답변에 대한 댓글 1개
블랙앤화이트
2014-07-30 (수) 02:02:09
답변을 작성하려면 로그인이 필요합니다.
이부분인거 같은데 삭제를 해도 분류가 옆으로 나오는게 아니고
분류1
분류2
분류3
.
.
이런식으로 나옵니다.
/* aside:gnb */
#gnb {margin:0 0 5px;padding:0 0 10px;border:1px solid #d5d5d5;background:#ffffff}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.gnb_1dli {position:relative}
.gnb_1dli_on {color:#fff;text-decoration:none}
.gnb_1da {display:block;padding:7px 10px;border-bottom:1px solid #f4f4f4;background-color:#fff;font-weight:bold;text-decoration:none}
.gnb_1dam {background:url('img/gnb_bg00.gif') #fff center right no-repeat}
.gnb_1dli_on .gnb_1da {background-color:#ffffff;color:#ff6600;text-decoration:none}
.gnb_1dli_on .gnb_1dam {background:url('img/gnb_bg01.gif') #626870 center right no-repeat;color:#fff;text-decoration:none}
.gnb_2dul {display:none;z-index:1000;position:absolute;border:1px solid #787f89}
.gnb_1dli_over .gnb_2dul, .gnb_1dli_over2 .gnb_2dul {display:block;top:0;left:127px;width:130px;background:#fff}
.gnb_2da {display:none}
.gnb_1dli_over .gnb_2da {display:block;padding:10px;border-bottom:1px solid #e9e9e9}
.gnb_2da:focus, .gnb_2da:hover {background:#f2f5f9;text-decoration:none}
이부분이 아니라 다른곳을 수정해야 하나요?
아님 여기서 어디를 수정해야 분류가 옆으로 나오나요.