테스트 사이트 - 개발 중인 베타 버전입니다

박스카테고리 글씨를 가운데 정력 하는 방법좀 알려주세요 채택완료

cecil 10년 전 조회 4,324


위와 같이 박스카테고리 내용이 왼쪽에 붙어 있어요..

 

이걸 중간으로 변경하려고 하는데.. 고수님들 방법좀 알려주세요...

 

boxcategory.php

<?php</p><p>if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가</p><p> </p><p>// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨</p><p>add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);</p><p>?></p><p> </p><p><!-- 쇼핑몰 카테고리 시작 { --></p><p><nav id="gnb"></p><p>    <h2>쇼핑몰 카테고리</h2></p><p>    <div class="hd_inner"></p><p>        <ul id="gnb_1dul"></p><p>            <?php</p><p>            // 1단계 분류 판매 가능한 것만</p><p>            $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 ";</p><p>            $hresult = sql_query($hsql);</p><p>            for ($i=0; $row=sql_fetch_array($hresult); $i++)</p><p>            {</p><p>                // 2단계 분류 판매 가능한 것만</p><p>                $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_id ";</p><p>                $result2 = sql_query($sql2);</p><p>                $count = mysql_num_rows($result2);</p><p>            ?></p><p>            <li class="gnb_1dli" style="z-index:<?php echo $gnb_zindex; ?>"></p><p>                <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></p><p>                <?php</p><p>                for ($j=0; $row2=sql_fetch_array($result2); $j++)</p><p>                {</p><p>                if ($j==0) echo '<ul class="gnb_2dul">';</p><p>                ?></p><p>                    <li class="gnb_2dli"><a href="<?php echo G5_SHOP_URL; ?>/list.php?ca_id=<?php echo $row2['ca_id']; ?>" class="gnb_2da gnb_2da<?php echo $j%2; ?>"><?php echo $row2['ca_name']; ?></a></li></p><p>                <?php }</p><p>                if ($j>0) echo '</ul>';</p><p>                ?></p><p>            </li></p><p>            <?php } ?></p><p>        </ul></p><p>       <ul id="snb"></p><p>           <!-- <li><a href="<?php echo G5_SHOP_URL; ?>/cart.php" id="snb_cart">장바구니</a></li></p><p>            <li><a href="<?php echo G5_SHOP_URL; ?>/wishlist.php" id="snb_wish">위시리스트</a></li></p><p>            <li><a href="<?php echo G5_SHOP_URL; ?>/orderinquiry.php" id="snb_delivery">배송조회</a></li>--></p><p>        </ul> </p><p>    </div></p><p></nav></p><p><!-- } 쇼핑몰 카테고리 끝 -->

 

style.css

</p><p> </p><p>#gnb {background:#FF0000;color:#fff;font-family:gulim,'굴림'; font-weight:bold;:zoom:1;background-image:url(/comn/img/grf50.png);background-repeat:repeat-x;background-position:0 0;height:44px;z-index:500;position:relative;z-index:10;}</p><p>#gnb:after {display:block;visibility:hidden;clear:both;content:''}</p><p>#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}</p><p>#gnb a {display:block;text-decoration:none}</p><p> </p><p>#gnb .gnb_1da, #snb a {padding:0 41px;height:44px;color:#fff;line-height:3.9em; }</p><p>#gnb .gnb_1da:focus, #gnb .gnb_1da:hover, #snb a:focus, #snb a:hover {background-color:#FF5E00}</p><p> </p><p>#gnb_1dul {float:left;zoom:1;}</p><p>#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:''}</p><p>.gnb_1dli {position:relative;float:left;  }</p><p>.gnb_1dli_on {color:#fff;text-decoration:none}</p><p>.gnb_1dli_over {background-color:#FF5E00}</p><p>#gnb .gnb_1da {line-height:3.9em}</p><p>#gnb .gnb_1dam {padding-right:40px;background:url('img/gnb_bg01.gif') center right no-repeat}</p><p>.gnb_2dul {display:none;z-index:1000;position:absolute;border:1px solid #7c7c7c;border-top:0}</p><p>.gnb_1dli_over .gnb_2dul, .gnb_1dli_over2 .gnb_2dul {display:block;top:44px;left:-1px;width:168px;background:#fff}</p><p>.gnb_2da {display:none}</p><p>.gnb_1dli_over .gnb_2da {display:block;padding:13px 10px;color:#6c6c6c}</p><p>.gnb_1dli_over .gnb_2da:focus, .gnb_1dli_over .gnb_2da:hover {background:#585858;color:#fff;text-decoration:none}</p><p>.gnb_2da0 {background:#f8f8f8}</p><p>.gnb_2da1 {}</p><p> </p><p>#snb {float:right;color:#fff;zoom:1}</p><p>#snb:after {display:block;visibility:hidden;clear:both;content:''}</p><p>#snb li {float:left}

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트

#gnb{

position:relative;

margin:0 auto;

width:800px; 

}

 

대충은 이런식 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인