묻고답하기
노프레임으로 만드는데 자꾸만 여백이 생겨요..
2004.09.30 02:56
왼쪽셀에 이미지가 들어가고 오른쪽 셀은 이미지와 비슷한색으로 배경을 칠했거든요..
저 밑에 점선으로 그어놓은 부분에 여백이라고 씌여진곳 사이가 자꾸 떨어지네요...
대체 왜 그럴까요... 처음으로 노프레임 홈을 만들다보니 참 어렵다는 생각이 들어요 ㅜ.ㅜ
<html>
<head>
<title> </title>
</head>
<body topmargin="0" leftmargin="0" bottommargin="0" marginbottom="0" marginheight="0" marginwidth="0">
<table cellpadding="0" cellspacing="0" width="992">
<tr>
<td width="170" height="57"> <p><IMG SRC="images/jstyles.gif" WIDTH=170 HEIGHT=60 ALT=""></p>
</td>
<td width="60" height="57">
<p><a href="///bbs/zboard.php?id=memo"><IMG SRC="images/button_m.gif" WIDTH=60 HEIGHT=60></a></p>
</td>
<td width="30" height="57"></td>
<td width="60" height="57"> <p><IMG SRC="images/button_i.gif" WIDTH=60 HEIGHT=60 ALT=""></p>
</td>
<td width="30" height="57"></td>
<td width="61" height="57"> <p><a href="///bbs/zboard.php?id=mystory"><IMG SRC="images/button_s.gif" WIDTH=61 HEIGHT=60 ALT=""></a></p>
</td>
<td width="29" height="57"></td>
<td width="60" height="57"> <p><a href="///bbs/zboard.php?id=myalbum"><IMG SRC="images/button_a.gif" WIDTH=60 HEIGHT=60 ALT=""></a></p>
</td>
<td width="30" height="57"></td>
<td width="60" height="57"> <p><a href="///bbs/zboard.php?id=goodthink"><IMG SRC="images/button_r.gif" WIDTH=60 HEIGHT=60 ALT=""></a></p>
</td>
<td width="30" height="57"></td>
<td width="60" height="57"> <p><a href="///bbs/zboard.php?id=board"><IMG SRC="images/button_g.gif" WIDTH=60 HEIGHT=60 ALT=""></a></p>
</td>
<td width="30" height="57"></td>
<td width="93" height="57"> <p><IMG SRC="images/button_bl.gif" WIDTH=60 HEIGHT=60 ALT=""></p>
</td>
<td width="189" height="57" colspan="4"></td>
</tr>
<tr>
<td width="803" colspan="14" bgcolor="#555555" height="17"></td>
<td width="189" colspan="4" height="17"></td>
</tr>
<tr>
<td width="803" height="17" colspan="14"></td>
<td width="189" height="17" bgcolor="#555555" colspan="4"></td>
</tr>
<tr>
<td width="803" height="163" colspan="14" rowspan="2">
-------------------------------------------------------------------------------------
<p><img src="images/top_l.gif" width="410" height="170" border="0"><img src="images/top_r.gif" width="390" height="170" border="0">여백</p>
</td>
<td width="189" height="17" colspan="4"></td>
</tr>
<tr>
<td width="189" height="146" bgcolor="#999999" colspan="4">여백</td>
</tr>
-----------------------------------------------------------------------------------------
<tr>
<td width="803" height="280" colspan="14" rowspan="3">
<table cellpadding="0" cellspacing="0" width="800">
<tr>
<td width="170" height="30">
<p><IMG SRC="images/login.gif" WIDTH=170 HEIGHT=30 ALT=""></p>
</td>
<td width="630" height="220" rowspan="5">게시판 들어갈자리..</td>
</tr>
<tr>
<td width="170" height="30">
<p><IMG SRC="images/sub_1.gif" WIDTH=170 HEIGHT=49 ALT=""></p>
</td>
</tr>
<tr>
<td width="170" height="30">
<p><IMG SRC="images/sub_2.gif" WIDTH=170 HEIGHT=54 ALT=""></p>
</td>
</tr>
<tr>
<td width="170" height="30">
<p><IMG SRC="images/sub_3.gif" WIDTH=170 HEIGHT=57 ALT=""></p>
</td>
</tr>
<tr>
<td width="170" height="30" background="images/sub_bl.gif"></td>
</tr>
<tr>
<td width="170" height="30">
<p><IMG SRC="images/sub_bottom.gif" WIDTH=170 HEIGHT=30 ALT=""></p>
</td>
<td width="630" height="30" bgcolor="#146ED4"></td>
</tr>
<tr>
<td width="170" height="30" bgcolor="#146ED4"></td>
<td width="630" height="30" bgcolor="#146ED4"></td>
</tr>
</table>
</td>
<td width="189" height="17" bgcolor="#999999" colspan="4"></td>
</tr>
<tr>
<td width="11" height="202" background="images/right_l.gif"></td>
<td width="11" height="202"></td>
<td width="9" height="202" background="images/right_r.gif"></td>
<td width="158" height="262" rowspan="2"></td>
</tr>
<tr>
<td width="31" height="60" bgcolor="#146ED4" colspan="3"></td>
</tr>
</table>
<p></p>
</body>
</html>
저 밑에 점선으로 그어놓은 부분에 여백이라고 씌여진곳 사이가 자꾸 떨어지네요...
대체 왜 그럴까요... 처음으로 노프레임 홈을 만들다보니 참 어렵다는 생각이 들어요 ㅜ.ㅜ
<html>
<head>
<title> </title>
</head>
<body topmargin="0" leftmargin="0" bottommargin="0" marginbottom="0" marginheight="0" marginwidth="0">
<table cellpadding="0" cellspacing="0" width="992">
<tr>
<td width="170" height="57"> <p><IMG SRC="images/jstyles.gif" WIDTH=170 HEIGHT=60 ALT=""></p>
</td>
<td width="60" height="57">
<p><a href="///bbs/zboard.php?id=memo"><IMG SRC="images/button_m.gif" WIDTH=60 HEIGHT=60></a></p>
</td>
<td width="30" height="57"></td>
<td width="60" height="57"> <p><IMG SRC="images/button_i.gif" WIDTH=60 HEIGHT=60 ALT=""></p>
</td>
<td width="30" height="57"></td>
<td width="61" height="57"> <p><a href="///bbs/zboard.php?id=mystory"><IMG SRC="images/button_s.gif" WIDTH=61 HEIGHT=60 ALT=""></a></p>
</td>
<td width="29" height="57"></td>
<td width="60" height="57"> <p><a href="///bbs/zboard.php?id=myalbum"><IMG SRC="images/button_a.gif" WIDTH=60 HEIGHT=60 ALT=""></a></p>
</td>
<td width="30" height="57"></td>
<td width="60" height="57"> <p><a href="///bbs/zboard.php?id=goodthink"><IMG SRC="images/button_r.gif" WIDTH=60 HEIGHT=60 ALT=""></a></p>
</td>
<td width="30" height="57"></td>
<td width="60" height="57"> <p><a href="///bbs/zboard.php?id=board"><IMG SRC="images/button_g.gif" WIDTH=60 HEIGHT=60 ALT=""></a></p>
</td>
<td width="30" height="57"></td>
<td width="93" height="57"> <p><IMG SRC="images/button_bl.gif" WIDTH=60 HEIGHT=60 ALT=""></p>
</td>
<td width="189" height="57" colspan="4"></td>
</tr>
<tr>
<td width="803" colspan="14" bgcolor="#555555" height="17"></td>
<td width="189" colspan="4" height="17"></td>
</tr>
<tr>
<td width="803" height="17" colspan="14"></td>
<td width="189" height="17" bgcolor="#555555" colspan="4"></td>
</tr>
<tr>
<td width="803" height="163" colspan="14" rowspan="2">
-------------------------------------------------------------------------------------
<p><img src="images/top_l.gif" width="410" height="170" border="0"><img src="images/top_r.gif" width="390" height="170" border="0">여백</p>
</td>
<td width="189" height="17" colspan="4"></td>
</tr>
<tr>
<td width="189" height="146" bgcolor="#999999" colspan="4">여백</td>
</tr>
-----------------------------------------------------------------------------------------
<tr>
<td width="803" height="280" colspan="14" rowspan="3">
<table cellpadding="0" cellspacing="0" width="800">
<tr>
<td width="170" height="30">
<p><IMG SRC="images/login.gif" WIDTH=170 HEIGHT=30 ALT=""></p>
</td>
<td width="630" height="220" rowspan="5">게시판 들어갈자리..</td>
</tr>
<tr>
<td width="170" height="30">
<p><IMG SRC="images/sub_1.gif" WIDTH=170 HEIGHT=49 ALT=""></p>
</td>
</tr>
<tr>
<td width="170" height="30">
<p><IMG SRC="images/sub_2.gif" WIDTH=170 HEIGHT=54 ALT=""></p>
</td>
</tr>
<tr>
<td width="170" height="30">
<p><IMG SRC="images/sub_3.gif" WIDTH=170 HEIGHT=57 ALT=""></p>
</td>
</tr>
<tr>
<td width="170" height="30" background="images/sub_bl.gif"></td>
</tr>
<tr>
<td width="170" height="30">
<p><IMG SRC="images/sub_bottom.gif" WIDTH=170 HEIGHT=30 ALT=""></p>
</td>
<td width="630" height="30" bgcolor="#146ED4"></td>
</tr>
<tr>
<td width="170" height="30" bgcolor="#146ED4"></td>
<td width="630" height="30" bgcolor="#146ED4"></td>
</tr>
</table>
</td>
<td width="189" height="17" bgcolor="#999999" colspan="4"></td>
</tr>
<tr>
<td width="11" height="202" background="images/right_l.gif"></td>
<td width="11" height="202"></td>
<td width="9" height="202" background="images/right_r.gif"></td>
<td width="158" height="262" rowspan="2"></td>
</tr>
<tr>
<td width="31" height="60" bgcolor="#146ED4" colspan="3"></td>
</tr>
</table>
<p></p>
</body>
</html>