갤러리스킨 이미지 정렬문제 문의 정보
갤러리스킨 이미지 정렬문제 문의본문
안녕하세요
갤러리 스킨을 제작중에 잘 되지 않는 부분이 있어 문의드립니다.
게시판 리스트에서 이미지 정렬이 잘 안되는 것 같습니다.
게시판설정에서 이미지 가로갯수 지정을 4로 설정
문제는 제작중인 스킨에서는 가로 3 출력이 되고 1개는 아래로 출력이 됩니다.
몇일 이문제로 계속 진전이 없는 상태이며, 검색을 해서 적용을 해봤지만 어디에 문제가 있는지
원인을 모르겠습니다.
고수님들의 조언 부탁드립니다.
/------------------------------------------------------------------------------------
현재 출력 (가로갯수 4개 지정)
이미지1 | 이미지2 | 이미지3 |
이미지4 |
위의것을
이미지1 | 이미지2 | 이미지3 | 이미지4
이미지5 | 이미지6 | 이미지7 | 이미지8
이렇게 출력이 되게 하려고 합니다.
-------------------------------------------------------------------------------------/
list.skin.php
즐거운 하루 되세요
갤러리 스킨을 제작중에 잘 되지 않는 부분이 있어 문의드립니다.
게시판 리스트에서 이미지 정렬이 잘 안되는 것 같습니다.
게시판설정에서 이미지 가로갯수 지정을 4로 설정
문제는 제작중인 스킨에서는 가로 3 출력이 되고 1개는 아래로 출력이 됩니다.
몇일 이문제로 계속 진전이 없는 상태이며, 검색을 해서 적용을 해봤지만 어디에 문제가 있는지
원인을 모르겠습니다.
고수님들의 조언 부탁드립니다.
/------------------------------------------------------------------------------------
현재 출력 (가로갯수 4개 지정)
이미지1 | 이미지2 | 이미지3 |
이미지4 |
위의것을
이미지1 | 이미지2 | 이미지3 | 이미지4
이미지5 | 이미지6 | 이미지7 | 이미지8
이렇게 출력이 되게 하려고 합니다.
-------------------------------------------------------------------------------------/
list.skin.php
<form name="fboardlist" action="#boardlist" 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='' />
<div id="sty-gall">
<ul>
<?
for($i=0; $i<$list_count; $i++) {
$list[$i][jy_subj] = "";
$list[$i][icon_pack] = "";
// 공지사항
if ($list[$i][is_notice]) {
$list[$i][jy_subj] .= "<a class='in_tit' href='{$list[$i][href]}'><strong>{$list[$i][subject]}</strong></a>";
//$list[$i][name] = "<strong>{$list[$i][name]}</strong>";
//if($jy['article_type'])
// $list[$i][article_type] = "<span class='ico_pack2 ico_notice2'>공지</span>";
$list[$i][num] = "<em class='ico_notice'>NOTICE</em>";
$list[$i][good] = "-";
$list[$i][nogood] = "-";
$list[$i][hit] = "-";
} else {
$list[$i][num] = $list[$i][num];
// 코멘트
if($list[$i][wr_comment]) $list[$i][comment] = "<span class='co_cnt'>[".$list[$i][wr_comment]."]</span>";
if($is_category && $list[$i][ca_name]) $list[$i][jy_subj] .= "<a class='in_ctgr' href='".$list[$i][ca_name_href]."'>[{$list[$i][ca_name]}]</a>";
// 선택된글
if($wr_id == $list[$i][wr_id]) $list[$i][jy_subj] .= "{$list[$i][subject]}";
else $list[$i][jy_subj] .= "<a class='in_tit' href='{$list[$i][href]}'>{$list[$i][subject]}</a>";
// 조회수
if($list[$i][icon_hot]) $list[$i][hit] .= "<em>{$list[$i][wr_hit]}</em>";
else $list[$i][hit] .= "{$list[$i][wr_hit]}";
// 추천
if($list[$i]['wr_good'] >= $jy['bo_good']) $list[$i][good] .= "<em>{$list[$i][wr_good]}</em>";
else $list[$i][good] .= "{$list[$i][wr_good]}";
// 비추천
if($list[$i]['wr_nogood'] >= $jy['bo_nogood']) $list[$i][nogood] .= "<em>{$list[$i][wr_nogood]}</em>";
else $list[$i][nogood] .= "{$list[$i][wr_nogood]}";
}
$list[$i][jy_subj] .= "";
if($jy['article_type']) {
if($list[$i][icon_secret]) $list[$i][article_type] = "<span class='ico_pack2 ico_secret2'>비밀글</span>";
else if($list[$i][icon_file]) $list[$i][article_type] = "<span class='ico_pack2 ico_file2'>파일첨부</span>";
else $list[$i][article_type] = "<span class='ico_pack2 ico_txt2'>텍스트</span>";
} else {
if($list[$i][icon_secret]) $list[$i][icon_pack] .= "<span class='ico_pack ico_secret'>비밀글</span>";
if($list[$i][icon_file]) $list[$i][icon_pack] .= "<span class='ico_pack ico_file'>파일첨부</span>";
}
if($list[$i][icon_link]) $list[$i][icon_pack] .= "<span class='ico_pack ico_link'>링크</span>";
if($list[$i][icon_new]) $list[$i][icon_pack] .= "<em class='ico_new'>새글</em>";
if($list[$i][wr_reply]) $list[$i][icon_reply] = "<span class='ico_pack2 ico_reply re".strlen($list[$i][wr_reply])."'>답변</span>";
// 썸네일 처리
// 고정시킨 썸네일이 출력
if ($list[$i][file][0][file])
{
$file = $list[$i][file][0][path] .'/'. $list[$i][file][0][file];
$img = "<a class='thumb' href=\"{$list[$i][href]}\"><img src='" .$file. "' width=$thum_width height=$thum_height></a>";
}
else
{
$img = "<a class='thumb' href=\"{$list[$i][href]}\"><img src='$g4_path/img/skin/noimg_159x159.gif' width=$thum_width height=$thum_height></a>";
}
?>
<li class="">
<div class="info">
<? if($is_checkbox) { ?><td class="td_check"><input type="checkbox" name="chk_wr_id[]" value="<?=$list[$i][wr_id]?>"></td><? } ?>
<? if ($is_good) { ?><em class="good_no"><em class="ico"></em><em><?=$list[$i][good]?></em></em><? } ?>
<em class="hit_no">hit <em><?=$list[$i][hit]?></em></em>
</div>
<?=$img?>
<em class="frame"></em>
</a>
<p class='tit_area'><?=$list[$i][jy_subj]?><?=$list[$i][comment]?></p> <div class="article_info">
<?=level_icon($list[$i][mb_id])?><a class='uname' href="javascript:;" onclick="showSideView(this, '<?=$list[$i][mb_id]?>', '<?=$list[$i][wr_name]?>');" title="[<?=$list[$i][mb_id]?>]<?=$list[$i][wr_name]?>"><span><?=$list[$i][wr_name]?></span></a> <span class="date"><?=$list[$i][datetime]?></span>
</div>
</li>
<? } ?>
<? if (count($list) == 0) { echo "<li class='list_none'>게시물이 없습니다.</li>\n"; } ?>
</ul>
<div class="topline"></div>
<!--
<div class="rightline"></div>
-->
<div class="bottomline"></div>
<div class="leftline"></div>
</div>
</form>
즐거운 하루 되세요
댓글 전체
각각 이미지 넓이의 총 합이 게시판 넓이를 넘는게 아닐까요?
게시판 넓이는 맞습니다. width:749 이며 각 이미지의 크기는 width : 159 / height : 159 입니다 도무지 어디서 문제인지 모르겠습니다.
도움 부탁드립니다.
도움 부탁드립니다.