그누보드 초보자 입니다. 상단파일 이미지 깨짐과 게시판 폭 조절에 문제가 있습니다. 정보
그누보드 초보자 입니다. 상단파일 이미지 깨짐과 게시판 폭 조절에 문제가 있습니다.본문
상단과 하단 파일을 넣었는데, 자꾸 이미지가 깨짐니다.
검색으로 알아본 바로 이것저것 시도해 보았는데, 전혀 변화가 없어요.
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>una's kitchen</title>
<style type="text/css">
<!--
body {
background-color: #FFF;
margin-left: 0px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
<script type="text/javascript">
<!--
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_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_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('IMAGE/mainmenu1-1.gif','IMAGE/mainmenu2-1.gif','IMAGE/mainmenu3-1.gif','IMAGE/mainmenu4-1.gif','IMAGE/mainmenu6-1.gif')">
<div align="left"></div>
<table width="1024" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="169"><table width="1024" height="169" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="235" height="169"><img src="IMAGE/logo.jpg" width="236" height="169" alt="logo" /></td>
<td width="108"> </td>
<td width="107"><a href="about1.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('mainmenu1','','IMAGE/mainmenu1-1.gif',1)"><img src="IMAGE/mainmenu1.gif" alt="mainmenu1" name="mainmenu1" width="108" height="169" border="0" id="mainmenu1" /></a></td>
<td width="133"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('mainmenu2','','IMAGE/mainmenu2-1.gif',1)"><img src="IMAGE/mainmenu2.gif" alt="mainmenu2" name="mainmenu2" width="134" height="169" border="0" id="mainmenu2" /></a></td>
<td width="110"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('mainmenu3','','IMAGE/mainmenu3-1.gif',1)"><img src="IMAGE/mainmenu3.gif" alt="mainmenu3" name="mainmenu3" width="111" height="169" border="0" id="mainmenu3" /></a></td>
<td width="148"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('mainmenu4','','IMAGE/mainmenu4-1.gif',1)"><img src="IMAGE/mainmenu4.gif" alt="mainmenu4" name="mainmenu4" width="149" height="169" border="0" id="mainmenu4" /></a></td>
<td width="95"><img src="IMAGE/mainmenu5-2.gif" width="96" height="169" alt="mainmenu5-2" /></td>
<td width="85" height="169"><a href="http://blog.naver.com/unaskitchen" target="_blank" onmouseover="MM_swapImage('mainmenu6','','IMAGE/mainmenu6-1.gif',1)" onmouseout="MM_swapImgRestore()"><img src="IMAGE/mainmenu6.gif" alt="mainmenu6" name="mainmenu6" width="86" height="169" border="0" id="mainmenu6" /></a></td>
</tr>
</table></td>
</tr>
<tr>
<td height="120"><table width="1024" height="120" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="236"><table width="236" height="120" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="236" height="40"><img src="notice.gif" width="236" height="40" alt="notice" /></td>
</tr>
<tr>
<td width="236" height="40"> </td>
</tr>
<tr>
<td width="236" height="40"> </td>
</tr>
</table></td>
<td width="103"> </td>
<td width="685"><div align="center">
<table width="685" height="120" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="685" height="40"><div align="center">
현재 상단 파일이 이렇게 작성되어 있는데요 어떤 문제가 있는 것일까요?
그리고 게시판 스킨을 다운받아서 적용해 보았는데요, 중앙정렬에 폭이 너무 길어서 이미지폭 크기 조절을 해보았지만
또한 전해 변화가 없습니다. Basic 스킨을 적용했을때는 문제가 없는데, 다운받은 스킨을 적용할때는 문제가 생김니다.
답변 간절히 부탁드립니다. ㅜㅜ
오류 주소 : http://www.unaskitchen.com/gnuboard4/bbs/board.php?bo_table=guest
검색으로 알아본 바로 이것저것 시도해 보았는데, 전혀 변화가 없어요.
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>una's kitchen</title>
<style type="text/css">
<!--
body {
background-color: #FFF;
margin-left: 0px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
<script type="text/javascript">
<!--
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_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_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('IMAGE/mainmenu1-1.gif','IMAGE/mainmenu2-1.gif','IMAGE/mainmenu3-1.gif','IMAGE/mainmenu4-1.gif','IMAGE/mainmenu6-1.gif')">
<div align="left"></div>
<table width="1024" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="169"><table width="1024" height="169" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="235" height="169"><img src="IMAGE/logo.jpg" width="236" height="169" alt="logo" /></td>
<td width="108"> </td>
<td width="107"><a href="about1.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('mainmenu1','','IMAGE/mainmenu1-1.gif',1)"><img src="IMAGE/mainmenu1.gif" alt="mainmenu1" name="mainmenu1" width="108" height="169" border="0" id="mainmenu1" /></a></td>
<td width="133"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('mainmenu2','','IMAGE/mainmenu2-1.gif',1)"><img src="IMAGE/mainmenu2.gif" alt="mainmenu2" name="mainmenu2" width="134" height="169" border="0" id="mainmenu2" /></a></td>
<td width="110"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('mainmenu3','','IMAGE/mainmenu3-1.gif',1)"><img src="IMAGE/mainmenu3.gif" alt="mainmenu3" name="mainmenu3" width="111" height="169" border="0" id="mainmenu3" /></a></td>
<td width="148"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('mainmenu4','','IMAGE/mainmenu4-1.gif',1)"><img src="IMAGE/mainmenu4.gif" alt="mainmenu4" name="mainmenu4" width="149" height="169" border="0" id="mainmenu4" /></a></td>
<td width="95"><img src="IMAGE/mainmenu5-2.gif" width="96" height="169" alt="mainmenu5-2" /></td>
<td width="85" height="169"><a href="http://blog.naver.com/unaskitchen" target="_blank" onmouseover="MM_swapImage('mainmenu6','','IMAGE/mainmenu6-1.gif',1)" onmouseout="MM_swapImgRestore()"><img src="IMAGE/mainmenu6.gif" alt="mainmenu6" name="mainmenu6" width="86" height="169" border="0" id="mainmenu6" /></a></td>
</tr>
</table></td>
</tr>
<tr>
<td height="120"><table width="1024" height="120" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="236"><table width="236" height="120" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="236" height="40"><img src="notice.gif" width="236" height="40" alt="notice" /></td>
</tr>
<tr>
<td width="236" height="40"> </td>
</tr>
<tr>
<td width="236" height="40"> </td>
</tr>
</table></td>
<td width="103"> </td>
<td width="685"><div align="center">
<table width="685" height="120" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="685" height="40"><div align="center">
현재 상단 파일이 이렇게 작성되어 있는데요 어떤 문제가 있는 것일까요?
그리고 게시판 스킨을 다운받아서 적용해 보았는데요, 중앙정렬에 폭이 너무 길어서 이미지폭 크기 조절을 해보았지만
또한 전해 변화가 없습니다. Basic 스킨을 적용했을때는 문제가 없는데, 다운받은 스킨을 적용할때는 문제가 생김니다.
답변 간절히 부탁드립니다. ㅜㅜ
오류 주소 : http://www.unaskitchen.com/gnuboard4/bbs/board.php?bo_table=guest
댓글 전체
이미지 링크가 잘못 걸린것 같습니다.
링크에 해당 폴더를 잘 지정해주셔야 할듯 합니다.
링크에 해당 폴더를 잘 지정해주셔야 할듯 합니다.
링크된 페이지 소스보기를 해보세요
html, head, meta, body 태그들이 중복 되어있습니다
/body, /html 도 마찬가지..
우선 이런 잘못된 페이지 구성부터 바로 잡으세요
html, head, meta, body 태그들이 중복 되어있습니다
/body, /html 도 마찬가지..
우선 이런 잘못된 페이지 구성부터 바로 잡으세요