lastest 이미지 출력 간격 조절 > 그누4 질문답변

그누4 질문답변

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

lastest 이미지 출력 간격 조절 정보

lastest 이미지 출력 간격 조절

본문

메인화면에 이미지가 뿌려지는데 이미시 사이에 간격 조절이 안됩니다.
안되는게 아니라 제가 못하는거겠죠..

lastest.skin.php 에서

<td width="<?=$col_width?>%" align="center" valign='top'>

이부분에서 /  align="left"  / 로 수정하였더니 왼쪽으로 이미지들이 왼쪽으로 쏠리는건 확인하였습니다.
간격이 현재 상태그대로 전체적으로 왼쪽으로 쏠리더군요
어느부분에 간격을 설정해놓은것 같습니다.

문제는 양쪽으로 딱맞아떨어지게 하고싶거든요(이미지 사이에 간격을 넓혀서..)
누가 좀 도와주세요 ㅠㅠ

<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가

if(!$options) $options=5;

$cols  = $options; //  이미지 가로갯수 //  이미지 세로 갯수는 메인에서 지정(총 이미지 수)
$image_h  = 12; // 이미지 상하 간격

$col_width = (int)(99 / $cols);

$data_path = $g4[path]."/data/file/$bo_table";
$thumb_path = $data_path.'/thumb';
?>

<link rel="stylesheet" href="<?=$latest_skin_path?>/style.css" type="text/css" />


<table width=100% border=0 align="center" cellpadding=0 cellspacing=0>
 
 
        <tr>
          <td valign="top">
 
  <table width=100% border=0 align="center" cellpadding=0 cellspacing=0>
              <tr>
                <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">

<!-- 이미지보이는 부분 시작 -->
<table align="center" cellpadding="0" cellspacing="0" width="100%" border="0">

<tr><td align='center'>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td height='2'></td></tr>
<tr>
<td align='center'>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>

<? for ($i=0; $i<count($list); $i++) {
  if ($i>0 && $i%$cols==0) { echo "</tr><tr><td colspan='$cols' height='$image_h'></td></tr><tr>"; }
?>

<td width="<?=$col_width?>%" align="center" valign='top'>

<?
$image = $list[$i][file][0][file]; //원본
$img=$data_path. "/".$image;  //썸네일이 없을경우 원본출력
$thumb = $thumb_path. "/". $list[$i][wr_id];

  if ( file_exists($thumb) )
$img = $thumb;
 
$style = "style='font-family:돋움; font-size:9pt; color:#686695;' ";
if ($list[$i][icon_new]) {
$style = "style='font-family:돋움; font-size:9pt; color:#134980;' "; }
  $subject = "<span $style>".$list[$i][subject]."</span>"; //제목 글자수 자르기
$wr_hit  = $list[$i]['wr_hit'];
$wr_id  = $list[$i]['wr_id'];
//    if ($list[$i]['comment_cnt']) //코
//        $cmt = "({$list[$i]['comment_cnt']})";

$bg = "";  //새글?
if ($list[$i][icon_new])
$bg="la_top_2.gif";
else
$bg="la_top_1.gif";

echo $list[$i][icon_reply] . " ";

echo "<table cellpadding='0' cellspacing='0' border='0'>";
echo " <tr><td background='{$latest_skin_path}/img/la_bg.gif' valign='top' align='center'>
<a href=\"$g4[bbs_path]/board.php?bo_table=$bo_table&wr_id=$wr_id\" onFocus=\"this.blur();\" title=\"{$list[$i][subject]}\">
<img src='{$img}' width='140' height='210' border=0' style='border:1 solid #B2BAEE'>
</a></td></tr>";
echo " <tr><td height='15' align='center' style='font-size:11px; color:#CCCCCC;'>{$subject}</td></tr>";
echo "</table>";
?>
</td>
<? } ?>
<?
$cnt = ($i%$cols);
for ($k=$cnt; $k<$cols && $cnt; $k++) {
echo "<td width=$col_width%>&nbsp;</td>";
}
?>
  <? if ($i+1 < count($list)) { echo "</tr><tr><td colspan='$cols' height='$image_h'></td></tr><tr>"; } ?>
  <? if (count($list) == 0) { echo "<td height=80 align=center>게시물이 없습니다.</td>"; } ?>
  </tr>
</table>
</td>
</tr>
</table>
</td></tr>
</table>
<!-- 이미지보이는 부분 끝 -->
               
                </td>
              </tr>
            </table></td>
        </tr>
      </table>
  • 복사

댓글 전체

저는 이런경우 테이블 width를 퍼센트로 안하고 픽셀로 다 고정해버립니다.
그리고 상품과 상품사이도 간격도 고정으로 넣어버립니다.


<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가

if(!$options) $options=5;

$cols  = $options; //  이미지 가로갯수 //  이미지 세로 갯수는 메인에서 지정(총 이미지 수)
$image_h  = 12; // 이미지 상하 간격
$colspan = $cols + ($cols - 1);
 

$data_path = $g4[path]."/data/file/$bo_table";
$thumb_path = $data_path.'/thumb';
?>

<link rel="stylesheet" href="<?=$latest_skin_path?>/style.css" type="text/css" />


<table width=100% border=0 align="center" cellpadding=0 cellspacing=0>
 
 
        <tr>
          <td valign="top">
 
  <table width=100% border=0 align="center" cellpadding=0 cellspacing=0>
              <tr>
                <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">

<!-- 이미지보이는 부분 시작 -->
<table align="center" cellpadding="0" cellspacing="0" width="100%" border="0">

<tr><td align='center'>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td height='2'></td></tr>
<tr>
<td align='center'>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>

<? for ($i=0; $i<count($list); $i++) {
  if ($i>0 && $i%$cols==0) { echo "</tr><tr><td colspan='$colspan' height='$image_h'></td></tr><tr>"; }
?>

<td width="상품이미지의 width값" align="center" valign='top'>

<?
$image = $list[$i][file][0][file]; //원본
$img=$data_path. "/".$image;  //썸네일이 없을경우 원본출력
$thumb = $thumb_path. "/". $list[$i][wr_id];

  if ( file_exists($thumb) )
$img = $thumb;
 
$style = "style='font-family:돋움; font-size:9pt; color:#686695;' ";
if ($list[$i][icon_new]) {
$style = "style='font-family:돋움; font-size:9pt; color:#134980;' "; }
  $subject = "<span $style>".$list[$i][subject]."</span>"; //제목 글자수 자르기
$wr_hit  = $list[$i]['wr_hit'];
$wr_id  = $list[$i]['wr_id'];
//    if ($list[$i]['comment_cnt']) //코
//        $cmt = "({$list[$i]['comment_cnt']})";

$bg = "";  //새글?
if ($list[$i][icon_new])
$bg="la_top_2.gif";
else
$bg="la_top_1.gif";

echo $list[$i][icon_reply] . " ";

echo "<table cellpadding='0' cellspacing='0' border='0'>";
echo " <tr><td background='{$latest_skin_path}/img/la_bg.gif' valign='top' align='center'>
<a href=\"$g4[bbs_path]/board.php?bo_table=$bo_table&wr_id=$wr_id\" onFocus=\"this.blur();\" title=\"{$list[$i][subject]}\">
<img src='{$img}' width='140' height='210' border=0' style='border:1 solid #B2BAEE'>
</a></td></tr>";
echo " <tr><td height='15' align='center' style='font-size:11px; color:#CCCCCC;'>{$subject}</td></tr>";
echo "</table>";
?>
</td>
<!--추가되는 부분 시작--><? if ($i%$cols != $cols - 1 ) {?><td width=상품과 상품의 간격></td><?}?><!--추가되는 부분 끝-->
<? } ?>
<?
$cnt = ($i%$cols);
for ($k=$cnt; $k<$cols && $cnt; $k++) {
echo "<td width=상품이미지의 width값>&nbsp;</td>";
//추가된 부분 시작
if ($i%$cols != $cols - 1 ) {echo "<td width=상품과 상품의 간격></td>";}
//추가된 부분 끝
}
?>
  <? if ($i+1 < count($list)) { echo "</tr><tr><td colspan='$colspan' height='$image_h'></td></tr><tr>"; } ?>
  <? if (count($list) == 0) { echo "<td height=80 align=center>게시물이 없습니다.</td>"; } ?>
  </tr>
</table>
</td>
</tr>
</table>
</td></tr>
</table>
<!-- 이미지보이는 부분 끝 -->
               
                </td>
              </tr>
            </table></td>
        </tr>
      </table>
© SIRSOFT
현재 페이지 제일 처음으로