최신글 스킨에서 양 옆의 여백을 줄이고 싶습니다. 정보
최신글 스킨에서 양 옆의 여백을 줄이고 싶습니다.본문
styledb.com의 스타일디비님의 최신글 스킨입니다.
위의 스샷의 화살표시 부분의 여백을 줄여주고 싶은데..
아무리 건드려봐도 줄여줄 방법이 없네요.
고수님들 답변 부탁드릴께요~
<style type="text/css">
#<?=$style_name?> { clear:both; margin:0; border:0px solid #e1e1e1; }
#<?=$style_name?> .item { clear:both; display:none; }
#<?=$style_name?> .subject { clear:both; height:30px; color:#666666; font-weight:bold; padding-top:5px; font-size:12px; }
#<?=$style_name?> .subject a { color:#666666; text-decoration:none; }
#<?=$style_name?> .prev { float:left; margin:0 0 0 -4px; cursor:pointer; }
#<?=$style_name?> .next { float:left; margin:0 0px 0 0; cursor:pointer; }
#<?=$style_name?> .link { float:left; margin:0 0 0 5px; text-align:center; }
</style>
<div id="<?=$style_name?>">
<table width="98%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<? for ($i=0; $i<$rows; $i++) { ?>
<td valign="top">
<table width="194" border="0" cellspacing="0" cellpadding="0" style="margin-bottom:4px; padding:6px;">
<tr>
<td valign="top">
<?
$file = $list[$i][file][0][path] .'/'. $list[$i][file][0][file];
if ($file=="/")
$file = $data_path . "/thumb/" . "noimg.gif";
$img = thumbnail($file, $img_width, $img_height, 0, 2, $img_quality);
$img = "<a href='{$list[$i][href]}'><img src='$img' width='$img_width' height='$img_height' border='0' style='border:1 #eee solid' onmouseover=this.style.filter='alpha(opacity=60)' onmouseout=this.style.filter='' title='{$list[$i][subject]}'></a>";
?><a href='<?=$list[$i][href]?>'><?=$img?></a></td>
</tr><tr>
<td>
<div class="subject"><a href="<?=$list[$i][href]?>"><span style="font-size:12px;"><?=$list[$i][subject]?></span></a><span style="color:#FF6633; font-size:10px"><?=$list[$i]['comment_cnt']?></span></div>
<div style="color:#9a99aa; padding-top:4px;"><a href="<?=$list[$i][href]?>"><span style="color:#747172; font-size:11px;"><?=cut_str(strip_tags($list[$i][wr_content]),100,"...")?></span></a></div>
</td>
</tr>
</table>
</td>
<? } ?>
</tr>
</table>
<? if (count($list) == 0) { echo "<table width='100%' border='0' cellspacing='0' cellpadding='0'>
<tr>
위의 스샷의 화살표시 부분의 여백을 줄여주고 싶은데..
아무리 건드려봐도 줄여줄 방법이 없네요.
고수님들 답변 부탁드릴께요~
<style type="text/css">
#<?=$style_name?> { clear:both; margin:0; border:0px solid #e1e1e1; }
#<?=$style_name?> .item { clear:both; display:none; }
#<?=$style_name?> .subject { clear:both; height:30px; color:#666666; font-weight:bold; padding-top:5px; font-size:12px; }
#<?=$style_name?> .subject a { color:#666666; text-decoration:none; }
#<?=$style_name?> .prev { float:left; margin:0 0 0 -4px; cursor:pointer; }
#<?=$style_name?> .next { float:left; margin:0 0px 0 0; cursor:pointer; }
#<?=$style_name?> .link { float:left; margin:0 0 0 5px; text-align:center; }
</style>
<div id="<?=$style_name?>">
<table width="98%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<? for ($i=0; $i<$rows; $i++) { ?>
<td valign="top">
<table width="194" border="0" cellspacing="0" cellpadding="0" style="margin-bottom:4px; padding:6px;">
<tr>
<td valign="top">
<?
$file = $list[$i][file][0][path] .'/'. $list[$i][file][0][file];
if ($file=="/")
$file = $data_path . "/thumb/" . "noimg.gif";
$img = thumbnail($file, $img_width, $img_height, 0, 2, $img_quality);
$img = "<a href='{$list[$i][href]}'><img src='$img' width='$img_width' height='$img_height' border='0' style='border:1 #eee solid' onmouseover=this.style.filter='alpha(opacity=60)' onmouseout=this.style.filter='' title='{$list[$i][subject]}'></a>";
?><a href='<?=$list[$i][href]?>'><?=$img?></a></td>
</tr><tr>
<td>
<div class="subject"><a href="<?=$list[$i][href]?>"><span style="font-size:12px;"><?=$list[$i][subject]?></span></a><span style="color:#FF6633; font-size:10px"><?=$list[$i]['comment_cnt']?></span></div>
<div style="color:#9a99aa; padding-top:4px;"><a href="<?=$list[$i][href]?>"><span style="color:#747172; font-size:11px;"><?=cut_str(strip_tags($list[$i][wr_content]),100,"...")?></span></a></div>
</td>
</tr>
</table>
</td>
<? } ?>
</tr>
</table>
<? if (count($list) == 0) { echo "<table width='100%' border='0' cellspacing='0' cellpadding='0'>
<tr>
댓글 전체
바깥족 여백을 4px줬는데 그게 곱하기 2면 8px거든요?
거기다가 안족 여백은 6px가 잇으니 넓게 보이겠죠.
때문에 margin-bottom:4px; padding:6px 이부분의 숫자를 줄여서 테스트 해보십시오.
거기다가 안족 여백은 6px가 잇으니 넓게 보이겠죠.
때문에 margin-bottom:4px; padding:6px 이부분의 숫자를 줄여서 테스트 해보십시오.
답변 감사합니다.
저도 테이블에서 그 부분을 의심 해봤는데 아무리 해도 변화 없더군요.
전체 크기에 따라 자동으로 여백의 줄어들었다 늘어났다 하니.. 신기할 따름입니다.
저도 테이블에서 그 부분을 의심 해봤는데 아무리 해도 변화 없더군요.
전체 크기에 따라 자동으로 여백의 줄어들었다 늘어났다 하니.. 신기할 따름입니다.