HTML 도움좀 부탁합니다. 정보
HTML 도움좀 부탁합니다.
본문
제가 HTML에 약해서..
오늘 이미지를 잘라서 4등분. 나모에 넣고 저장한다음
웹에 띄웠습니다.
근데 나모에서는 멀쩡하게 잘 보이던데(편집과 미리보기 모두 아무 이상 없었습니다)
근데 웹에만 띄우면 사진처럼 동그라미 만큼의 공간이 생깁니다.
도저히 모르겠네요 왜 그런지...
처음 있는 일이라 정말 아무리 봐도 모르겠어요...
포토샵에서도 저 공간 위까지 작업했고 나모도
저 공간 위까지만 나옵니다.
근데 웹에 올리면 나타나는 한 2센티 정도의 아래 공간은 도대체 뭔지....
알려주시면 감사하겠습니다.
==========================================
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>제목 없음</title>
<meta name="generator" content="Namo WebEditor v5.0">
</head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>제목 없음</title>
<meta name="generator" content="Namo WebEditor v5.0">
</head>
<body style="overflow-x:hidden;" bgcolor="white" text="black" link="blue" vlink="purple" alink="red" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">
<table border="0" cellpadding="0" cellspacing="0" width="986">
<tr>
<td width="378">
<p><img src="images/back_01.gif" width="378" height="118" border="0"></p>
</td>
<td width="631">
<p><img src="images/back_02.gif" width="631" height="118" border="0"></p>
</td>
</tr>
<tr>
<td width="378">
<p><img src="images/back_03.gif" width="378" height="650" border="0"></p>
</td>
<td width="631">
<p><img src="images/back_04.gif" width="631" height="650" border="0"></p>
</td>
</tr>
</table>
</body>
<table border="0" cellpadding="0" cellspacing="0" width="986">
<tr>
<td width="378">
<p><img src="images/back_01.gif" width="378" height="118" border="0"></p>
</td>
<td width="631">
<p><img src="images/back_02.gif" width="631" height="118" border="0"></p>
</td>
</tr>
<tr>
<td width="378">
<p><img src="images/back_03.gif" width="378" height="650" border="0"></p>
</td>
<td width="631">
<p><img src="images/back_04.gif" width="631" height="650" border="0"></p>
</td>
</tr>
</table>
</body>
</html>
댓글 전체
<p>....</p>태그를 삭제해보세요..
html코드를 보자면 일단 이미지 크기와 테이블 총 크기가 맞지 않네요.
이미지에 공간이 안들어가게 할려면 보통 아래 형태로 적용하면 됩니다.
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>제목 없음</title>
<meta name="generator" content="Namo WebEditor v5.0">
</head>
<body style="overflow-x:hidden;" bgcolor="white" text="black" link="blue" vlink="purple" alink="red" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/back_01.gif" border="0"></td>
<td><img src="images/back_02.gif" border="0"></td>
</tr>
<tr>
<td><img src="images/back_03.gif" border="0"></td>
<td><img src="images/back_04.gif" border="0"></td>
</tr>
</table>
</body>
</html>
이미지에 공간이 안들어가게 할려면 보통 아래 형태로 적용하면 됩니다.
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>제목 없음</title>
<meta name="generator" content="Namo WebEditor v5.0">
</head>
<body style="overflow-x:hidden;" bgcolor="white" text="black" link="blue" vlink="purple" alink="red" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/back_01.gif" border="0"></td>
<td><img src="images/back_02.gif" border="0"></td>
</tr>
<tr>
<td><img src="images/back_03.gif" border="0"></td>
<td><img src="images/back_04.gif" border="0"></td>
</tr>
</table>
</body>
</html>
<p> ~ </p> 삭제요망^^
피피