이미지가 중간에 안오고 짤리네요. > 그누4 질문답변

매뉴얼 FAQ
그누보드5
데모
자료실
  • 다운로드
  • 매뉴얼
  • Q&A
    • 창작마당
  • 팁자료실
  • 스킨
  • 빌더
  • 테마
  • 플러그인
  • 사용후기
    • 영카트5
    데모
    자료실
    창작마당
    정기결제
    데모
    자료실
    Q & A
    궁금한 게 있으신가요? 지금 질문해보세요!
    솔루션
    프로그래밍
    서버
    사이트운영
    컨텐츠몰
    나의 재능을 팔아보세요!
    부가서비스
    국내최저! 신용카드 결제수수료 2.85%
    제작의뢰
    커뮤니티
    커뮤니티
    소모임
    스터디
    AI 🌟
    강좌
    기타

    그누4 질문답변

    그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
    기존 게시물은 열람만 가능합니다.

    이미지가 중간에 안오고 짤리네요. 정보

    이미지가 중간에 안오고 짤리네요.

    본문

    목록사이즈를 100*100 사이즈로 하고

    첨부한그림 왼쪽은 100*100사이즈대로 했구요..

    오른쪽그림은 130*100사이즈 그림을 올렸었는데 그림이 짤리네요.

    오른쪽  목록이미지를 중앙정렬을 할수 없을까요?

    기존에 130*100으로 올린이미지가 너무 많아서 전부 100*100으로 올리기엔 힘들구요..

    댓글 전체

    큰바위 자기소개 아이디로 검색 회원게시물 13.06.12 12:17:50
    불량학생님 위치가 어디쪽인가요?


    <!-- 게시판 목록 시작 -->
    <table width="<?=$width?>" align="center" cellpadding="0" cellspacing="0"><tr><td>

        <!-- 분류 셀렉트 박스, 게시물 몇건, 관리자화면 링크 -->
        <div class="board_top">
            <div style="float:left;">
                <form name="fcategory" method="get" style="margin:0px;">
                <? if ($is_category) { ?>
                <select name=sca onchange="location='<?=$category_location?>'+<?=strtolower($g4[charset])=='utf-8' ? "encodeURIComponent(this.value)" : "this.value"?>;">
                <option value=''>전체</option>
                <?=$category_option?>
                </select>
                <? } ?>
             
     
                </form>
            </div>
            <div style="float:right;">
                   
                <? if ($admin_href) { ?><a href="<?=$admin_href?>"><img src="<?=$board_skin_path?>/img/btn_admin.gif" border='0' title="관리자" align="absmiddle"></a><?}?>
            </div>
        </div>

        <form name="fboardlist" method="post">
        <input type='hidden' name='bo_table' value='<?=$bo_table?>'>
        <input type='hidden' name='sfl'  value='<?=$sfl?>'>
        <input type='hidden' name='stx'  value='<?=$stx?>'>
        <input type='hidden' name='spt'  value='<?=$spt?>'>
        <input type='hidden' name='page' value='<?=$page?>'>
        <input type='hidden' name='sw'  value=''>

        <table width=100% cellpadding=0 cellspacing=0>
        <tr><td colspan='<?=$mod?>' height=5></td></tr>
        <tr><td colspan='<?=$mod?>' height=2 bgcolor=#B0ADF5></td></tr>
        <tr>
        <?
        for ($i=0; $i<count($list); $i++) {
            if ($i && $i%$mod==0)
                echo "</tr><tr>";

            $style = "";
            $subject = "<span $style>{$list[$i][subject]}</span>";

            $comment_cnt = "";
            if ($list[$i][comment_cnt])
              $comment_cnt = " <a href=\"{$list[$i][comment_href]}\"><span class='commentFont'>{$list[$i][comment_cnt]}</span></a>";

            $list[$i][name] = preg_replace("/<img /", "<img style='display:none;' ", $list[$i][name]);
            $list[$i][name] = preg_replace("/> <span/", "><span", $list[$i][name]);
            $list[$i][name] = preg_replace("/class='member'/", "", $list[$i][name]);

            echo "<td width='{$td_width}%' valign=top style='word-break:break-all; padding:5px;'>";
            echo "<table align=center>";
            echo "<tr><td height=5></td></tr>";
            echo "<tr><td align=center><div style='float:left; border:1px solid #ccc;  background:#fff; padding:2px; font-size:0; line-height:0;'><a href='{$list[$i][href]}'>".makeThumbs($g4[path]."/data/file/$bo_table", $list[$i][file][0][file], $board[bo_1], $board[bo_2], cut_str($list[$i][subject],20))."</a></div></td></tr>";

            echo "<tr><td align=center class=lh>";
            if ($is_category) echo "<a href='{$list[$i][ca_name_href]}'>[{$list[$i][ca_name]}]</a> ";
            echo "<a href='{$list[$i][href]}'>$subject</a>{$comment_cnt}";
            //echo " " . $list[$i][icon_new];
            //echo " " . $list[$i][icon_file];
            //echo " " . $list[$i][icon_link];
            //echo " " . $list[$i][icon_hot];
            //echo " " . $list[$i][icon_secret];
            echo "</td></tr>";
            if ($is_checkbox) echo "<tr><td align=center><input type=checkbox name=chk_wr_id[] value='{$list[$i][wr_id]}'></td></tr>";
            echo "</table></td>\n";
        }

        // 나머지 td
        $cnt = $i%$mod;
        if ($cnt)
            for ($i=$cnt; $i<$mod; $i++)
                echo "<td width='{$td_width}%'>&nbsp;</td>";
        ?>
        </tr>
        <tr><td colspan=<?=$mod?> height=1 bgcolor=#E7E7E7></td></tr>

        <? if (count($list) == 0) { echo "<tr><td colspan='$mod' height=100 align=center>게시물이 없습니다.</td></tr>"; } ?>
        <tr><td colspan=<?=$mod?> bgcolor=#5C86AD height=1>
        </table>
        </form>

        <div class="board_button">
            <div style="float:left;">
            <? if ($list_href) { ?>
            <a href="<?=$list_href?>"><img src="<?=$board_skin_path?>/img/btn_list.gif" align="absmiddle" border='0'></a>
            <? } ?>
            <? if ($is_checkbox) { ?>
            <a href="javascript:select_delete();"><img src="<?=$board_skin_path?>/img/btn_select_delete.gif" align="absmiddle" border='0'></a>
            <a href="javascript:select_copy('copy');"><img src="<?=$board_skin_path?>/img/btn_select_copy.gif" align="absmiddle" border='0'></a>
            <a href="javascript:select_copy('move');"><img src="<?=$board_skin_path?>/img/btn_select_move.gif" align="absmiddle" border='0'></a>
            <? } ?>
            </div>

            <div style="float:right;">
            <? if ($write_href) { ?><a href="<?=$write_href?>"><img src="<?=$board_skin_path?>/img/btn_write.gif" border='0'></a><? } ?>
            </div>
        </div>

        <!-- 페이지 -->
        <div class="board_page">
            <? if ($prev_part_href) { echo "<a href='$prev_part_href'><img src='$board_skin_path/img/page_search_prev.gif' border='0' align=absmiddle title='이전검색'></a>"; } ?>
            <?
            // 기본으로 넘어오는 페이지를 아래와 같이 변환하여 이미지로도 출력할 수 있습니다.
            //echo $write_pages;
            $write_pages = str_replace("처음", "<img src='$board_skin_path/img/page_begin.gif' border='0' align='absmiddle' title='처음'>", $write_pages);
            $write_pages = str_replace("이전", "<img src='$board_skin_path/img/page_prev.gif' border='0' align='absmiddle' title='이전'>", $write_pages);
            $write_pages = str_replace("다음", "<img src='$board_skin_path/img/page_next.gif' border='0' align='absmiddle' title='다음'>", $write_pages);
            $write_pages = str_replace("맨끝", "<img src='$board_skin_path/img/page_end.gif' border='0' align='absmiddle' title='맨끝'>", $write_pages);
            //$write_pages = preg_replace("/<span>([0-9]*)<\/span>/", "$1", $write_pages);
            $write_pages = preg_replace("/<b>([0-9]*)<\/b>/", "<b><span style=\"color:#4D6185; font-size:12px; text-decoration:underline;\">$1</span></b>", $write_pages);
            ?>
            <?=$write_pages?>
            <? if ($next_part_href) { echo "<a href='$next_part_href'><img src='$board_skin_path/img/page_search_next.gif' border='0' align=absmiddle title='다음검색'></a>"; } ?>
        </div>

        <!-- 검색 -->
        <div class="board_search">
            <form name="fsearch" method="get">
            <input type="hidden" name="bo_table" value="<?=$bo_table?>">
            <input type="hidden" name="sca"      value="<?=$sca?>">
            <select name="sfl">
                <option value="wr_subject">제목</option>
                <option value="wr_content">내용</option>
                <option value="wr_subject||wr_content">제목+내용</option>
                <option value="mb_id,1">회원아이디</option>
                <option value="mb_id,0">회원아이디(코)</option>
                <option value="wr_name,1">글쓴이</option>
                <option value="wr_name,0">글쓴이(코)</option>
            </select>
            <input name="stx" class="stx" maxlength="15" itemname="검색어" required value='<?=stripslashes($stx)?>'>
            <input type="image" src="<?=$board_skin_path?>/img/btn_search.gif" border='0' align="absmiddle">
            <input type="radio" name="sop" value="and">and
            <input type="radio" name="sop" value="or">or
            </form>
        </div>

    </td></tr></table>

    <script type="text/javascript">
    if ('<?=$sca?>') document.fcategory.sca.value = '<?=$sca?>';
    if ('<?=$stx?>') {
        document.fsearch.sfl.value = '<?=$sfl?>';

        if ('<?=$sop?>' == 'and')
            document.fsearch.sop[0].checked = true;

        if ('<?=$sop?>' == 'or')
            document.fsearch.sop[1].checked = true;
    } else {
        document.fsearch.sop[0].checked = true;
    }
    </script>

    <? if ($is_checkbox) { ?>
    <script type="text/javascript">
    function all_checked(sw) {
        var f = document.fboardlist;

        for (var i=0; i<f.length; i++) {
            if (f.elements[i].name == "chk_wr_id[]")
                f.elements[i].checked = sw;
        }
    }

    function check_confirm(str) {
        var f = document.fboardlist;
        var chk_count = 0;

        for (var i=0; i<f.length; i++) {
            if (f.elements[i].name == "chk_wr_id[]" && f.elements[i].checked)
                chk_count++;
        }

        if (!chk_count) {
            alert(str + "할 게시물을 하나 이상 선택하세요.");
            return false;
        }
        return true;
    }

    // 선택한 게시물 삭제
    function select_delete() {
        var f = document.fboardlist;

        str = "삭제";
        if (!check_confirm(str))
            return;

        if (!confirm("선택한 게시물을 정말 "+str+" 하시겠습니까?\n\n한번 "+str+"한 자료는 복구할 수 없습니다"))
            return;

        f.action = "./delete_all.php";
        f.submit();
    }

    // 선택한 게시물 복사 및 이동
    function select_copy(sw) {
        var f = document.fboardlist;

        if (sw == "copy")
            str = "복사";
        else
            str = "이동";
                         
        if (!check_confirm(str))
            return;

        var sub_win = window.open("", "move", "left=50, top=50, width=500, height=550, scrollbars=1");

        f.sw.value = sw;
        f.target = "move";
        f.action = "./move.php";
        f.submit();
    }
    </script>
    <? } ?>
    <!-- 게시판 목록 끝 -->
    cshop2 홈페이지 자기소개 아이디로 검색 회원게시물 13.06.12 12:44:04
    css 로 이렇게 간단하게

    background-position: -15px 0;

    이미지 위치를 왼쪽으로 옮기셔서 중앙정렬하시면 될 일 입니다.

    (30 이 짤리니까 반으로 나눠서 15px 만 옮기셔야죠.)
    cshop2 홈페이지 자기소개 아이디로 검색 회원게시물 13.06.12 12:56:18
    이미지 넓이가 130px 라면 한쪽으로 15px 만큼 밀어서 양쪽 끝이 15px 씩 짤리게 되는거죠.

    님이 작성하신 html 을 보지 못하는 상태에서 위 설명한 것 이상으로/더 구체적으로 css 를 어떻게 작성해야 된다고 알려드릴 수 있는 방법은 없죠. ^^

    본인 사이트를 공개하기가 불가능 한 경우, http://jsfiddle.net/ 에 문제가 되는 코딩 부분만 옮겨 놓고 질문하셔도 되는데 (stackoverflow 는 다 이렇게 하거든요.) 한국분들은 잘 사용을 안 하시네요.

    jsfiddle 에 질문을 올려놓으면, 이렇게 코딩을 해서 보여드릴 수 있어서 참 좋은데...

    http://jsfiddle.net/mspsys/dwEH2/
    cshop2 홈페이지 자기소개 아이디로 검색 회원게시물 13.06.12 13:27:34
    훔... 그림이 어디에 짤리죠?  짤리는 이미지를 못찾겠네요..  안 짤릴 것 같은데요? 

    <img src="../data/file/Sample/thumbs/3542336470_f7e5MjQS_1907BAF1BFA3C5F5BDBA.jpg" width="100" height="100" border="0" alt="1907">

    이렇게 넓이와 길이가 100px 로 잡혀있어서 저기에 500 X 400 짜리 이미지를 넣어도 100 X 100 으로 축소되서 보일텐데요....
    cshop2 홈페이지 자기소개 아이디로 검색 회원게시물 13.06.12 13:41:48
    훔.. 아무 말씀이 없으셔서... 암튼 이미지가 짤릴수가 없는데, 정말로 짤린다고 하신다면 이런식으로 스타일을 넣어주시면 왼쪽으로 15px 이동 됩니다.

    예: <img src="../data/file/Sample/thumbs/3542336470_Fl2znPA9_1837B1B9B9CEB4EBBDA3BED6.jpg" width="100" height="100" border="0" alt="1837" style="
        position: relative;
        left: -15px;
    ">
    cshop2 홈페이지 자기소개 아이디로 검색 회원게시물 13.06.13 11:18:06
    지금 보니까 front-end 쪽 문제가 아니네요.

    http://www.tcodi.co.kr/data/file/Sample/thumbs/3542336470_4Uel9taH_177828BAEDB7E7C4ABC6EA29.jpg

    저 이미지를 게시판에서 하나씩 올리시나보죠?

    backend 쪽에서 이미지가 짤리고 있는 것 같은데요...

    그렇다면 client-side 쪽에서 고칠수 있는 문제가 아니고

    저 게시판을 짜신 분에게 고쳐달라고 하셔야 합니다.

    저 thumb image 를 php 에서 100X 100 으로 crop 하는걸텐데, 거기서 문제가 생긴 것 같습니다.

    ////////////////////////////////

    정확하게 설명을 안하시니 저 thumb image 가 어떻게 생성되는건지 모르겠는데, 130X100 짜리 이미지를 게시판에 올리면, 그게 이미지가 게시판에 올라갈때 30px 가 짤리는걸 텐데요... 이래저래 php 쪽에서 손을 보던가, 이미지를 130X100 으로 만들지 말던가, 둘중에 하나 하셔야 합니다.
    전체 66,554 |RSS
    그누4 질문답변 내용 검색

    회원로그인

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