게시판 줄간격 문의 입니다 ^^
본문
새창에서 뜨게 하는거는 어떻게 하다 찾았는데 줄간격은 여전히 못찾겠네요. ㅠㅠ
최신글 게시판이 너무 커서 줄간격을 좀 줄이고 싶습니다.
한글파일이면 딱 블록쓰워서 줄간격 쭐이면 좋을텐데. 답답하네요. 이런작업이 익숙치 않아서...
어느 부분을 수정하면 될지 알려주시면 감사하겠습니다!!!!
반복된 질문을 드려 너무 죄송하고 매번 답변주셔서 감사드립니다!!!!!
style.css
---------------------------------------------------------------------------------
@charset "utf-8";
/* SIR 지운아빠 */
/* 새글 스킨 (latest) */
.lt_pc {float:left;margin-left:20px}
.lt {position:relative;float:left;margin-bottom:20px;padding-bottom:10px;width:354px;height:300px;border-bottom:1px solid #e9e9e9}
.lt ul {margin:0 0 10px;padding:0;list-style:none}
.lt li {padding:3px 0}
.lt .lt_title {display:block;padding:10px 0 8px}
.lt_more {position:absolute;top:0px;right:0}
.lt .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}
#main_board_notice {
position:relative;float:left;margin-bottom:20px;padding-bottom:10px;width:354px;height:300px;
}
#main_board_notice p {
text-align: left;
margin-left: 6px;
}
img, input, select, textarea {
vertical-align: middle;
}
.lat {
position: relative;
margin-bottom: 20px;
padding-bottom: 10px;
width: 20%;
margin: 0px auto;
text-align: left;
border: 0px solid #f00;
}
#latest_a{background:#b2a38f; color:#fff; border-radius:5px; padding:5px; text-decoration:none;}
.notice_day {
background: #b2a38f;
color: #fff;
border-radius: 5px;
padding: 5px;
}
.lt_more a{text-decoration:none;}
-----------------------------------------------------------------------------------
latest.skin.php.css
----------------------------------------------------------------------------------
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/style.css" target="_blank">', 0);
?>
<!-- <?php echo $bo_subject; ?> 최신글 시작 { -->
<style>
table td{ font-size:13px; font-family:'나눔고딕'}
</style>
<table width="100%" cellpadding="0" cellspacing="0" style="margin:10px 0 0 0;" border="0px solid #00;">
<tbody>
<?php for ($i=0; $i<count($list); $i++) { ?>
<tr>
<td colspan="4" align="left" height="25">
<table width="360">
<tbody>
<tr>
<?php
//echo $list[$i]['icon_reply']." ";
echo "<a href=\"".$list[$i]['href']."\">";
if ($list[$i]['is_notice'])
echo "<strong>".$list[$i]['subject']."</strong>";
else?>
<td width="20%" align="left" style="padding-left:3px;border-bottom:1px dashed #b8ada6">
<span style="background:#b2a38f; color:#fff; border-radius:5px; padding:3px; ">
<?echo $list[$i]['datetime2'];?></span></td>
<td width="80%" height="43" style="border-bottom:1px dashed #b8ada6; font-weight:bold;">
<a href="<?echo $list[$i]['href'];?>" style="text-decoration:none;"target="_blank"><font style="font-family:나눔고딕; font-size:13px; color:#333;"><?echo $list[$i]['subject'];?></font></a></td>
<?
if ($list[$i]['comment_cnt'])
echo $list[$i]['comment_cnt'];
echo "</a>";
// if ($list[$i]['link']['count']) { echo "[{$list[$i]['link']['count']}]"; }
// if ($list[$i]['file']['count']) { echo "<{$list[$i]['file']['count']}>"; }
?>
</tr>
</tbody>
</table>
</td>
</tr>
<?php } ?>
<?php if (count($list) == 0) { //게시물이 없을 때 ?>
<tr>
<td colspan="4" align="left" height="25">
<table width="360">
<tbody>
<tr>게시물이 없습니다.</tr>
</tbody>
</table>
</td>
</tr>
<?php } ?>
</tbody>
</table>
<!-- } <?php echo $bo_subject; ?> 최신글 끝 -->
---------------------------------------------------------------------------------
답변 2
해당 경로를 보여주시면 쉽게 알려드릴 수 있습니다.
단순히 이렇게 보여주시면... 좀 어렵습니다.
<td width="80%" height="43" style="border-bottom:1px dashed #b8ada6; font-weight:bold;">
아무래도 여기에 height에서 높이를 가지고 있는거 같습니다.
<span style="background:#b2a38f; color:#fff; border-radius:5px; padding:3px; ">
부분에서 padding값이 3px인데 1px로 지정하거나 0으로 지정해서 줄여보세요.
그리고 현재 td에 height값이 43으로 지정이 되어 있는데요.
<td width="80%" height="43" style="border-bottom:1px dashed #b8ada6; font-weight:bold;">
부분을
<td width="80%" style="border-bottom:1px dashed #b8ada6; font-weight:bold;">
로 수정해서 height값은 빼주시고요.
<td width="20%" align="left" style="padding-left:3px;border-bottom:1px dashed #b8ada6">
부분에 height값을 지정하세요.
<td width="20%" align="left" height="20" style="padding-left:3px;border-bottom:1px dashed #b8ada6">
이런 형태로 height값을 23보다 작게 지정해 보세요.