DB 테이블을 12345 버튼 리스트없이 일자형태가아닌 가로형으로 전체 보이게 하고싶습니다. ㅠ

DB 테이블을 12345 버튼 리스트없이 일자형태가아닌 가로형으로 전체 보이게 하고싶습니다. ㅠ

QA

DB 테이블을 12345 버튼 리스트없이 일자형태가아닌 가로형으로 전체 보이게 하고싶습니다. ㅠ

본문

DB 테이블을 12345 버튼 리스트없이 일자형태가아닌 가로형으로 전체 보이게 하고싶습니다. ㅠ

 

3530662554_1569588798.7124.png

 

이거를 이제 아래123456이 없고 50개정도 리스트를 글씨가 작아지더라도 원페이지에 다 보이게 나열하고 싶습니다.

 

피드백 부탁드리겠습니다.

 

소스코드는

<?php
include_once('./_common.php');

$sql_common = " from {$g5['member_table']} ";

$sql_search = " where (1) ";
$sql_search .= " and mb_id != '{$config[cf_admin]}' "; // 최고관리자 제외

$sql_order = " order by mb_point desc "; // 포인트 순위로 정렬

$sql = " select count(*) as cnt {$sql_common} {$sql_search} {$sql_order} ";
$row = sql_fetch($sql);
$total_count = $row['cnt'];

$rows = 10; // 목록수
$cols = 3;
$total_page  = ceil($total_count / $rows);  // 전체 페이지 계산
if ($page < 1) $page = 1; // 페이지가 없으면 첫 페이지 (1 페이지)
$from_record = ($page - 1) * $rows; // 시작 열을 구함

$g5['title'] = '회원 전체목록';
include_once(G5_PATH.'/head.php');
?>
<style>
    .sv_wrap .sv a {
        display: none;
    }
    #member_list {
        width: 500px;
    }
#member_list .member_total {margin:10px 0;padding:15px 10px;margin:10px 0;border:1px solid #ccc;background:#fff;}
#member_list .tbl_head01 thead th {padding:10px 5px;}
#member_list .tbl_head01 td {}
#member_list .td_1 {width:150px;text-align:center}
#member_list .td_2 {width:80px;text-align:center}
    #ol_after {
    width: 700px;
        display: none;
}
    .card {
        display: none;
    }
    tbody tr:nth-child(1) {
        display: none;
    }
    #ol_before {
        display: none;
    }
</style>

<div id="member_list">
    <!-- <div class="member_total">총회원수 : <?php echo number_format($total_count) ?>명</div> -->
    <div class="tbl_head01 tbl_wrap">
        <table>
        <caption><?php echo $g5['title']; ?> 목록</caption>
        <thead>
        <tr>
            <th>1</th>
            <th style="text-align:left" class="team">2</th>
            <th>3</th>
        </tr>
        </thead>
       <tbody>
        <?php
        $sql = " select * {$sql_common} {$sql_search} {$sql_order} limit {$from_record}, {$rows} ";
        $result = sql_query($sql);
        for ($i=0; $row=sql_fetch_array($result); $i++) {
            $mb_nick = get_sideview($row['mb_id'], get_text($row['mb_nick']), $row['mb_email'], $row['mb_homepage']);
        ?>
        <tr>
            <td class="td_1"><?php echo $row['mb_id']; ?></td>
            <td class="team"><?php echo $mb_nick; ?></td>
            <td class="td_1"><?php echo number_format($row['mb_point']) ?></td>
        </tr>
        <?php } ?>
        </tbody>
        </table>
    </div>
</div>

<?php echo get_paging(G5_IS_MOBILE ? $config['cf_mobile_pages'] : $config['cf_write_pages'], $page, $total_page, '?'.$qstr.'&page='); ?>

<?php
include_once(G5_PATH.'/tail.php');
?>

 

이렇게 입니다.

 

이 질문에 댓글 쓰기 :

답변 1

table 형식을 div 형식이나 li 형식으로 변경 후, 해당 요소에 float:left 속성 주시면 됩니다.

HTML CSS 작업은 아래 좌표 참고하세요.

https://homzzang.com/b/html

https://homzzang.com/b/css

답변을 작성하시기 전에 로그인 해주세요.
전체 148
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT