묻고답하기
문서페이지에서 빈틈에 관련하여 질문올려요
2013.07.31 08:34
드림위비로 제작하였고 실제로 사용하려는 홈페이지는 아니고 연습삼아서 만든 샘플이구요
보시면 알겠지만 메뉴와 메뉴사이 빈틈이 있고 이미와 이미지 사이에 공백이 있음을 느낄 수 있는데요
(잘보이지 않을거 같아 쉽게 보기위해 일부러마우스로 드래그한 부분임)
웹상에선 붙어서 보여서 문제가 되지 않고 있지만 메인을 문서페이지로 만들고 페이지 수정 들어가서 드림위버에서
제작한 코드를 복사 붙이기한후 등록 했는데요 이렇게 하면 위와 같은 현상이 발생하는데
원래 이렇게 하면 안돼는건지 아니면 어떻게해야 메인을 꾸밀수 있는건지 궁금하네요
물론 초심자라면 본 사이트에서 제공하는 레이아웃 스킨을 이용하면 가능하겠지만
직접 노프레임으로 제작하고 싶은 마음에 이렇게 남기는바 여러 고수님들의 명쾌한 답을 주시면 감사하겠습니다^^\\
그럼 좋은 하루되세요^^
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/tem.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>키치죠지의 검은 고양이</title>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #000;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onload="MM_preloadImages('img/menu/menu_02.gif','img/menu/menu_03.gif','img/menu/menu_04.gif','img/menu/menu_05.gif','img/menu/p06_over.gif')">
<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="150" colspan="2"><img src="img/main_img/rogo.gif" width="1000" height="150" /></td>
</tr>
<tr>
<td width="150" height="300" valign="top"><table width="150" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#000000"> </td>
</tr>
<tr>
<td><a href="img/web/photo1.jpg"><img src="img/menu/menu_over_01.gif" name="Image3" width="150" height="33" border="0" id="Image3" /></a></td>
</tr>
<tr>
<td><a href="diary.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','img/menu/menu_02.gif',1)"><img src="img/menu/menu_over_02.gif" name="Image4" width="150" height="28" border="0" id="Image4" /></a></td>
</tr>
<tr>
<td><a href="picture.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','img/menu/menu_03.gif',1)"><img src="img/menu/menu_over_03.gif" name="Image5" width="150" height="29" border="0" id="Image5" /></a></td>
</tr>
<tr>
<td><a href="design.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','img/menu/menu_04.gif',1)"><img src="img/menu/menu_over_04.gif" name="Image6" width="150" height="28" border="0" id="Image6" /></a></td>
</tr>
<tr>
<td><a href="portfolio.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','img/menu/menu_05.gif',1)"><img src="img/menu/menu_over_05.gif" name="Image7" width="150" height="36" border="0" id="Image7" /></a></td>
</tr>
<tr>
<td><a href="portfollo06.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image9','','img/menu/p06_over.gif',1)"><img src="img/menu/p06.gif" name="Image9" width="150" height="32" border="0" id="Image9" /></a></td>
</tr>
<tr>
<td align="center" valign="middle" bgcolor="#000000"> </td>
</tr>
<tr>
<td><a href="http://go2rain.blog.me"><img src="img/intro_img/kangmin.gif" width="150" height="200" border="0" /></a></td>
</tr>
</table></td>
<td width="850" align="center" valign="top"><!-- InstanceBeginEditable name="EditRegion3" -->
<table width="850" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="500" valign="top"><table width="850" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="img/pf/pe.gif" width="850" height="150" border="0" /></td>
</tr>
<tr>
<td height="700" align="center" valign="middle"><table width="599" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="150"><img src="img/web/benner.gif" width="150" height="200" border="0" /></td>
<td width="150"><a href="http://gdt1024.dothome.co.kr "><img src="img/web/eunsol.gif" width="150" height="200" border="0" /></a></td>
<td width="150"><a href="http://nalda.dothome.co.kr"><img src="img/web/jinyount.gif" width="150" height="93" border="0" /></a></td>
<td width="149"><a href="http://go2rain.dothome.co.kr "><img src="img/web/kangmin.gif" width="150" height="200" border="0" /></a></td>
</tr>
<tr>
<td><a href="http://khee.dothome.co.kr"><img src="img/web/khounghee.gif" width="150" height="200" border="0" /></a></td>
<td><a href="http://rolrolgo.dothome.co.kr"><img src="img/web/minyoung.gif" width="150" height="200" border="0" /></a></td>
<td><a href="http://miriya87.dothome.co.kr "><img src="img/web/miri.gif" width="150" height="200" border="0" /></a></td>
<td><a href="http://juein85.dothome.co.kr"><img src="img/web/namdae.gif" width="150" height="200" border="0" /></a></td>
</tr>
<tr>
<td><a href="http://lionsw.dothome.co.kr"><img src="img/web/seokwon.gif" width="150" height="200" border="0" /></a></td>
<td><a href="http://dkdldzn.dothome.co.kr"><img src="img/web/sinjung.gif" width="150" height="200" border="0" /></a></td>
<td><a href="http://siznizi.dothome.co.kr"><img src="img/web/sunhong.gif" width="150" height="200" border="0" /></a></td>
<td> </td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<!-- InstanceEndEditable --></td>
</tr>
<tr>
<td height="100" colspan="2" bgcolor="#000000"><img src="img/main_img/bottom.gif" width="466" height="80" /></td>
</tr>
</table>
</body>
<!-- InstanceEnd --></html>