게시판 목록 간격을 조절하는데 적용이 안됩니다.

게시판 목록 간격을 조절하는데 적용이 안됩니다.

QA

게시판 목록 간격을 조절하는데 적용이 안됩니다.

본문

안녕하세요, 초보제작자입니다.

먼저, 솔소님의 민트테마 소스를 이용중이라는 점 말씀드립니다.

(민트테마:https://sir.kr/g5_theme/475)

 

e5958a58bc38ed22d00d45f95224001f_1491227689_0136.png

 

▲ 현재 게시판리스트 모습입니다.

빨간선으로 그어진 간격이 제가 조절하고 싶은 부분입니다.


e5958a58bc38ed22d00d45f95224001f_1491227691_2775.png

▲ 해당 부분을 크롬F12로 소스검사를 한 장면입니다.

td. date의 width부분이 60px으로 설정되어 있습니다.

(이제 이 부분을 30px으로 수정해 볼 것 입니다.)

 

 

e5958a58bc38ed22d00d45f95224001f_1491227858_0131.png

 

▲ 크롬F12 모드에서 해당부분을 30px으로 수정한 뒤의 모습입니다.

제가 원하는 결과물은 위와 같습니다.


e5958a58bc38ed22d00d45f95224001f_1491227859_5942.png

 

▲ 보시는바와 같이 30px으로 수정해보았습니다.
근데, 문제점은 스마트폰에서는 적용이 되질 않는 다는 점입니다.

 

크롬F12모드에서는 저런식으로 수정을 해보면, 원하는대로 수정이 되는데,

FTP업로드를 마치고, 스마트폰으로 접속해보면 30px으로 값을주었는데도 60px의 값으로 적용이 되어있습니다.

 

다른설정은 전부 스마트폰으로 실시간으로 적용이 잘 되어지는데,

해당 부분에 대해서는 왜 적용이 안되는건지 이해가 가질 않습니다.

고수님들, 많은 도움 부탁드리겠습니다..

 

+

 

혹시몰라서 코드표 일부분을 부착하겠습니다 ▼

(mint/mobile/skin/board/basic/list.skin.php)

 


    <div class="tbl_head01 tbl_wrap">
        <table>
        <thead>
        <tr>
            <?php if ($is_checkbox) { ?>
            <th scope="col">
                <label for="chkall">현재 페이지 게시물 전체</label>
                <input type="checkbox" id="chkall" onclick="if (this.checked) all_checked(true); else all_checked(false);">
            </th>
            <?php } ?>
            <th scope="col">제목</th>
            <th scope="col" class="tbl_no">글쓴이</th>
            <th scope="col"><?php echo subject_sort_link('wr_datetime', $qstr2, 1) ?>날짜</a></th>
			<th scope="col"><?php echo subject_sort_link('wr_datetime', $qstr2, 1) ?>조회</a></th>
			<th scope="col"><?php echo subject_sort_link('wr_datetime', $qstr2, 1) ?>추천</a></th>
        </tr>
        </thead>
        <tbody>
        <?php
        for ($i=0; $i<count($list); $i++) {
        ?>
        <tr class="<?php if ($list[$i]['is_notice']) echo "bo_notice"; ?>">
            <?php if ($is_checkbox) { ?>
            <td class="td_chk">
                <label for="chk_wr_id_<?php echo $i ?>" class="sound_only"><?php echo $list[$i]['subject'] ?></label>
                <input type="checkbox" name="chk_wr_id[]" value="<?php echo $list[$i]['wr_id'] ?>" id="chk_wr_id_<?php echo $i ?>">
            </td><?php } ?>
            <td class="td_subject">
                <?php
                echo $list[$i]['icon_reply'];
                if ($is_category && $list[$i]['ca_name']) {
                ?>
                <a href="<?php echo $list[$i]['ca_name_href'] ?>" class="bo_cate_link"><?php echo $list[$i]['ca_name'] ?></a>
                <?php } ?>
 
                <a href="<?php echo $list[$i]['href'] ?>">
                    <?php echo $list[$i]['subject'] ?>
                    <?php if ($list[$i]['comment_cnt']) { ?><span class="sound_only">댓글</span><?php echo $list[$i]['comment_cnt']; ?><span class="sound_only">개</span><?php } ?>
                    <?php
                    // if ($list[$i]['link']['count']) { echo '['.$list[$i]['link']['count']}.']'; }
                    // if ($list[$i]['file']['count']) { echo '<'.$list[$i]['file']['count'].'>'; }
 
                    if (isset($list[$i]['icon_new'])) echo $list[$i]['icon_new'];
                    if (isset($list[$i]['icon_hot'])) echo $list[$i]['icon_hot'];
                    if (isset($list[$i]['icon_file'])) echo $list[$i]['icon_file'];
                    if (isset($list[$i]['icon_link'])) echo $list[$i]['icon_link'];
                    if (isset($list[$i]['icon_secret'])) echo $list[$i]['icon_secret'];
 
                    ?>
                </a>
 
            </td>
            <td class="td_name sv_use tbl_no"><?php echo $list[$i]['name'] ?></td>
            <td class="td_date"><?php echo $list[$i]['datetime2'] ?></td>
			<td class="td_date"><?php echo $list[$i]['wr_hit'] ?></td>
			<td class="td_date"><?php echo $list[$i]['wr_good'] ?></td>
        </tr>
        <?php } ?>
        <?php if (count($list) == 0) { echo '<tr><td colspan="'.$colspan.'" class="empty_table">게시물이 없습니다.</td></tr>'; } ?>
        </tbody>
        </table>
    </div>

이 질문에 댓글 쓰기 :

답변 2

모바일 css 에서 작업하신건가요?

css 는 디폴트.css 와 모바일.css 두개가 있습니다. 

민트 테마는 모바일에서만 수정하면 되지요.

 

임시 파일이 남아서 그럴 것입니다.

모바일은 PC보다 임시 파일 삭제가 좀 어렵습니다.

해당 브라우저 설정으로 들어가면 삭제 메뉴를 찾을 수 있습니다.

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

회원로그인

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