묻고답하기
이미지맵을 사용하면 여백이 생겨요.
2004.03.21 03:37
http://www.asaki.oo.to링크걸때 이미지맵을 사용하면 꼭 밑에 여백이 생겨요.
그래서 다시 이미지전체에 링크를 걸면 여백이 사라지구요.
근데 이번 리뉴얼할때는 이미지 하나하나 만들수 없는 식이라서요.
왜그런지 아시는분 답변좀 해주세요.
top과 right,body사이의 여백입니다.
<html>
<head>
<title>세트가 아니면 슬픈걸..</title>
<TABLE width=100%>
<body bgcolor="#000000" topmargin=0 leftmargin=0 ><body scroll="no">
<table border="0" cellpadding="0" cellspacing="0" width="873" height="578" >
<tr><td width="873" height="71" colspan="3" bgcolor="#000000" topmargin="0">
<img src="top.gif" usemap="#top.gif" style="border: 0;" /></a>
<map name="top.gif">
<area shape="rect" coords="80,56,111,71" href="main.htm" target="main" alt="" / onfocus="this.blur()">
<area shape="rect" coords="117,55,166,71" href="http://w25.ivyro.net/~bs5785/bbs/zboard.php?id=pro" target="body" alt="" / onfocus="this.blur()">
<area shape="rect" coords="171,56,205,75" href="http://w25.ivyro.net/~bs5785/bbs/zboard.php?id=asaki" target="body" alt="" / onfocus="this.blur()">
<area shape="rect" coords="212,57,247,73" href="http://w25.ivyro.net/~bs5785/bbs/zboard.php?id=diary" target="body" alt="" / onfocus="this.blur()">
<area shape="rect" coords="252,56,296,70" href="http://w25.ivyro.net/~bs5785/bbs/zboard.php?id=arashi" target="body" alt="" / onfocus="this.blur()">
<area shape="rect" coords="302,55,357,72" href="http://w25.ivyro.net/~bs5785/bbs/zboard.php?id=daisuki" target="body" alt="" / onfocus="this.blur()">
<area shape="rect" coords="363,56,396,73" href="http://w25.ivyro.net/~bs5785/bbs/zboard.php?id=work" target="body" alt="" / onfocus="this.blur()">
<area shape="rect" coords="401,54,479,73" href="http://w25.ivyro.net/~bs5785/bbs/zboard.php?id=music" target="body" alt="" / onfocus="this.blur()">
<area shape="rect" coords="485,57,514,71" href="http://w25.ivyro.net/~bs5785/bbs/zboard.php?id=album" target="bdoy" alt="" / onfocus="this.blur()">
<area shape="rect" coords="520,56,578,73" href="http://w25.ivyro.net/~bs5785/bbs/zboard.php?id=oshabery" target="body" alt="" / onfocus="this.blur()">
<area shape="rect" coords="584,55,611,73" href="http://w25.ivyro.net/~bs5785/bbs/zboard.php?id=linl" target="body" alt="" / onfocus="this.blur()">
</map>
</td></tr>
<tr><td width="10" height="489" bgcolor="#000000" topmargin="0">
<img src="left.gif" width="10" height="489" ></td>
<td width="715" height="487" align="top bgcolor="#000000" cellpadding="0" cellspacing="0" topmargin="0"><iframe id="ifrm" src="body.htm" name=body frameborder="0" scrolling="auto" width="715" height="489"></iframe>
</td>
<td width="148" height="489" align="top bgcolor="#000000" topmargin="0">
<p><img src="right.gif" width="148" height="489" ></p>
</td>
</tr>
<tr>
<td width="873" height="18" colspan="3" bgcolor="#000000" topmargin="0">
<img src="bottom.gif" width="873" height="18" border="0" vspace="0" hspace="0">
</td>
</tr>
</table>
</body>
</html>
이게 그 소스입니다.
그래서 다시 이미지전체에 링크를 걸면 여백이 사라지구요.
근데 이번 리뉴얼할때는 이미지 하나하나 만들수 없는 식이라서요.
왜그런지 아시는분 답변좀 해주세요.
top과 right,body사이의 여백입니다.
<html>
<head>
<title>세트가 아니면 슬픈걸..</title>
<TABLE width=100%>
<body bgcolor="#000000" topmargin=0 leftmargin=0 ><body scroll="no">
<table border="0" cellpadding="0" cellspacing="0" width="873" height="578" >
<tr><td width="873" height="71" colspan="3" bgcolor="#000000" topmargin="0">
<img src="top.gif" usemap="#top.gif" style="border: 0;" /></a>
<map name="top.gif">
<area shape="rect" coords="80,56,111,71" href="main.htm" target="main" alt="" / onfocus="this.blur()">
<area shape="rect" coords="117,55,166,71" href="http://w25.ivyro.net/~bs5785/bbs/zboard.php?id=pro" target="body" alt="" / onfocus="this.blur()">
<area shape="rect" coords="171,56,205,75" href="http://w25.ivyro.net/~bs5785/bbs/zboard.php?id=asaki" target="body" alt="" / onfocus="this.blur()">
<area shape="rect" coords="212,57,247,73" href="http://w25.ivyro.net/~bs5785/bbs/zboard.php?id=diary" target="body" alt="" / onfocus="this.blur()">
<area shape="rect" coords="252,56,296,70" href="http://w25.ivyro.net/~bs5785/bbs/zboard.php?id=arashi" target="body" alt="" / onfocus="this.blur()">
<area shape="rect" coords="302,55,357,72" href="http://w25.ivyro.net/~bs5785/bbs/zboard.php?id=daisuki" target="body" alt="" / onfocus="this.blur()">
<area shape="rect" coords="363,56,396,73" href="http://w25.ivyro.net/~bs5785/bbs/zboard.php?id=work" target="body" alt="" / onfocus="this.blur()">
<area shape="rect" coords="401,54,479,73" href="http://w25.ivyro.net/~bs5785/bbs/zboard.php?id=music" target="body" alt="" / onfocus="this.blur()">
<area shape="rect" coords="485,57,514,71" href="http://w25.ivyro.net/~bs5785/bbs/zboard.php?id=album" target="bdoy" alt="" / onfocus="this.blur()">
<area shape="rect" coords="520,56,578,73" href="http://w25.ivyro.net/~bs5785/bbs/zboard.php?id=oshabery" target="body" alt="" / onfocus="this.blur()">
<area shape="rect" coords="584,55,611,73" href="http://w25.ivyro.net/~bs5785/bbs/zboard.php?id=linl" target="body" alt="" / onfocus="this.blur()">
</map>
</td></tr>
<tr><td width="10" height="489" bgcolor="#000000" topmargin="0">
<img src="left.gif" width="10" height="489" ></td>
<td width="715" height="487" align="top bgcolor="#000000" cellpadding="0" cellspacing="0" topmargin="0"><iframe id="ifrm" src="body.htm" name=body frameborder="0" scrolling="auto" width="715" height="489"></iframe>
</td>
<td width="148" height="489" align="top bgcolor="#000000" topmargin="0">
<p><img src="right.gif" width="148" height="489" ></p>
</td>
</tr>
<tr>
<td width="873" height="18" colspan="3" bgcolor="#000000" topmargin="0">
<img src="bottom.gif" width="873" height="18" border="0" vspace="0" hspace="0">
</td>
</tr>
</table>
</body>
</html>
이게 그 소스입니다.
<img src="top.gif" usemap="#top.gif" style="border: 0;" /></tr></a>
<map name="top.gif">
이렇게...