상태 | 완료 |
---|
안녕하세요.
제가 XE 를 잘 다루는 법을 모릅니다.
아니 다룰 줄은 알더라도 사이트 레이아웃 제작 방법을 잘 모릅니다.
그래서 드림위버로 레이아웃 디자인을 다 마치고 (테이블로 제작)
XE 기본 레이아웃을 선택해 '레이아웃 편집' 이라는 XE 관리자페이지 자체 기능을 이용해서
아래와 같이 바꿨는데요.
<!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>에버플래닛 피플</title>
</script>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-align: center;
background-color: #555555;
}
.bold {
font-weight: bold;
color: #360;
}
.plus {
font-weight: bold;
}
.bg .type {
}
.bg table {
text-align: left;
}
.bg table tr td #form p #jumpMenu {
font-family: "나눔고딕bold", "맑은 고딕", "돋움";
font-size: 12px;
}
-->
</style><link href="/bg.css" rel="stylesheet" type="text/css" /><link href="/type.css" rel="stylesheet" type="text/css" /><link href="/top_type.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
function MM_popupMsg(msg) { //v1.0
alert(msg);
}
//-->
</script>
<script language="javascript">
<!--
function Resize_Frame(name)
{
var Frame_Body = document.frames(name).document.body;
var Frame_name = document.all(name);
Frame_name.style.width
= Frame_Body.scrollWidth + (Frame_Body.offsetWidth-Frame_Body.clientWidth);
Frame_name.style.height
= Frame_Body.scrollHeight + (Frame_Body.offsetHeight-Frame_Body.clientHeight);
if (Frame_name.style.height == "0px" || Frame_name.style.width == "0px")
{
Frame_name.style.width = "680px"; //기본 iframe 너비
Frame_name.style.height = "500px"; //기본 iframe 높이
window.status = 'iframe resizing fail.';
}
else
{
window.status = '';
}
}
//-->
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>에버플래닛 피플</title>
</script>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-align: center;
background-color: #555555;
}
.bold {
font-weight: bold;
color: #360;
}
.plus {
font-weight: bold;
}
.bg .type {
}
.bg table {
text-align: left;
}
.bg table tr td #form p #jumpMenu {
font-family: "나눔고딕bold", "맑은 고딕", "돋움";
font-size: 12px;
}
-->
</style><link href="/bg.css" rel="stylesheet" type="text/css" /><link href="/type.css" rel="stylesheet" type="text/css" /><link href="/top_type.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
function MM_popupMsg(msg) { //v1.0
alert(msg);
}
//-->
</script>
<script language="javascript">
<!--
function Resize_Frame(name)
{
var Frame_Body = document.frames(name).document.body;
var Frame_name = document.all(name);
Frame_name.style.width
= Frame_Body.scrollWidth + (Frame_Body.offsetWidth-Frame_Body.clientWidth);
Frame_name.style.height
= Frame_Body.scrollHeight + (Frame_Body.offsetHeight-Frame_Body.clientHeight);
if (Frame_name.style.height == "0px" || Frame_name.style.width == "0px")
{
Frame_name.style.width = "680px"; //기본 iframe 너비
Frame_name.style.height = "500px"; //기본 iframe 높이
window.status = 'iframe resizing fail.';
}
else
{
window.status = '';
}
}
//-->
</script>
<link href="/copyright.css" rel="stylesheet" type="text/css" /></head>
<body>
<table width="740" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td class="bg"><table width="700" height="35" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="480" align="left"><a href="http://www.epreple.com/bbs/"><img src="/images/top_logo_new.gif" width="285" height="110" border="0" align="absmiddle" /></a></td>
<td width="220" valign="middle"><img align="absmiddle" class="zbxe_widget_output" widget="login_info" skin="xdom_login_v2" colorset="default_xd_2" /></td>
</tr>
</table></td>
</tr>
<tr><center>
<td class="bg"><img src="/images/menu.gif" width="700" height="40" border="0" usemap="#Map5" /><br />
<img src="/images/top_main2.jpg" width="700" height="300" border="0" usemap="#Map4" /></td></center>
</tr>
<tr>
<td bgcolor="#cbcbcb" class="bg"><table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="350" align="left" valign="top"><br /></td>
<td width="350" align="left" valign="top"> </td>
</tr>
</table></td>
</tr>
<tr>
<td class="bg"><table align="center" width="680px" border="0" cellpadding="0" cellspacing="0">
<tr>
<map name="Map2" id="Map2">
<area shape="rect" coords="56,5,147,27" href="#" onclick="MM_popupMsg('서비스 준비중 입니다!\r')" />
</map>
<table width="740" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td class="bg"><table width="700" height="35" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="480" align="left"><a href="http://www.epreple.com/bbs/"><img src="/images/top_logo_new.gif" width="285" height="110" border="0" align="absmiddle" /></a></td>
<td width="220" valign="middle"><img align="absmiddle" class="zbxe_widget_output" widget="login_info" skin="xdom_login_v2" colorset="default_xd_2" /></td>
</tr>
</table></td>
</tr>
<tr><center>
<td class="bg"><img src="/images/menu.gif" width="700" height="40" border="0" usemap="#Map5" /><br />
<img src="/images/top_main2.jpg" width="700" height="300" border="0" usemap="#Map4" /></td></center>
</tr>
<tr>
<td bgcolor="#cbcbcb" class="bg"><table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="350" align="left" valign="top"><br /></td>
<td width="350" align="left" valign="top"> </td>
</tr>
</table></td>
</tr>
<tr>
<td class="bg"><table align="center" width="680px" border="0" cellpadding="0" cellspacing="0">
<tr>
<map name="Map2" id="Map2">
<area shape="rect" coords="56,5,147,27" href="#" onclick="MM_popupMsg('서비스 준비중 입니다!\r')" />
</map>
<map name="Map3" id="Map3">
<area shape="rect" coords="54,5,131,27" href="#" onclick="MM_popupMsg('서비스 준비중 입니다!')" />
</map>
<map name="Map4" id="Map4">
<area shape="rect" coords="23,229,214,284" href="http://everplanet.nexon.com/news/page/nx.aspx?url=events/index&maskPageType=2&n4ArticleSN=17" target="_blank" />
<area shape="rect" coords="228,229,421,284" href="http://everplanet.nexon.com/news/page/nx.aspx?url=events/index&n1ArticleCategorySN=1&maskPageType=2&n4ArticleSN=16" target="_blank" />
<area shape="rect" coords="399,128,600,149" href="http://everplanet.nexon.com/news/page/nx.aspx?url=update/PreIndex&maskPageType=2&n4ArticleSN=9" target="_blank" />
<area shape="rect" coords="398,151,602,170" href="http://everplanet.nexon.com/news/page/nx.aspx?url=update/PreIndex&maskPageType=2&n4ArticleSN=10" target="_blank" />
<area shape="rect" coords="399,171,618,193" href="http://everplanet.nexon.com/news/page/nx.aspx?url=update/PreIndex&maskPageType=2&n4ArticleSN=11" target="_blank" />
<area shape="poly" coords="151,156,154,146,137,142,143,133,143,127,150,127,153,115,165,124,167,112,187,112,194,121,198,135,207,135,197,148,197,157,210,167,214,182,204,188,192,192,192,197,151,196,155,187,146,184,134,185,131,173,141,161" href="#" onclick="MM_popupMsg('하이')" />
<area shape="circle" coords="70,137,28" href="#" onclick="MM_popupMsg('노바루나 다음 행성의 이름이 궁금해?\r지식플에 질문해줘!')" />
</map>
<area shape="rect" coords="54,5,131,27" href="#" onclick="MM_popupMsg('서비스 준비중 입니다!')" />
</map>
<map name="Map4" id="Map4">
<area shape="rect" coords="23,229,214,284" href="http://everplanet.nexon.com/news/page/nx.aspx?url=events/index&maskPageType=2&n4ArticleSN=17" target="_blank" />
<area shape="rect" coords="228,229,421,284" href="http://everplanet.nexon.com/news/page/nx.aspx?url=events/index&n1ArticleCategorySN=1&maskPageType=2&n4ArticleSN=16" target="_blank" />
<area shape="rect" coords="399,128,600,149" href="http://everplanet.nexon.com/news/page/nx.aspx?url=update/PreIndex&maskPageType=2&n4ArticleSN=9" target="_blank" />
<area shape="rect" coords="398,151,602,170" href="http://everplanet.nexon.com/news/page/nx.aspx?url=update/PreIndex&maskPageType=2&n4ArticleSN=10" target="_blank" />
<area shape="rect" coords="399,171,618,193" href="http://everplanet.nexon.com/news/page/nx.aspx?url=update/PreIndex&maskPageType=2&n4ArticleSN=11" target="_blank" />
<area shape="poly" coords="151,156,154,146,137,142,143,133,143,127,150,127,153,115,165,124,167,112,187,112,194,121,198,135,207,135,197,148,197,157,210,167,214,182,204,188,192,192,192,197,151,196,155,187,146,184,134,185,131,173,141,161" href="#" onclick="MM_popupMsg('하이')" />
<area shape="circle" coords="70,137,28" href="#" onclick="MM_popupMsg('노바루나 다음 행성의 이름이 궁금해?\r지식플에 질문해줘!')" />
</map>
<map name="Map5" id="Map5"><area shape="rect" coords="546,7,612,33" href="http://www.epreple.com/bbs/ep_guild" /><area shape="rect" coords="484,7,545,33" href="http://www.epreple.com/bbs/ep_friend" /><area shape="rect" coords="434,7,483,33" href="http://www.epreple.com/bbs/ep_qna" /><area shape="rect" coords="370,7,433,33" href="http://www.epreple.com/bbs/main_board" /><area shape="rect" coords="281,7,369,33" href="http://www.epreple.com/bbs/ep_update" /><area shape="rect" coords="217,7,280,33" href="http://www.epreple.com/bbs/ep_news" /><area shape="rect" coords="140,7,216,33" href="http://www.epreple.com/bbs/notice" />
<area shape="rect" coords="89,7,139,33" href="http://www.epreple.com" />
</map>
<td width="680px">
<div id="columnRight">
<!-- 컨텐츠 시작 -->
{$content}
</div>
</td>
</tr>
</table></td>
</tr>
<tr>
<td class="bg"><p class="type"><br />
<span class="copyright">Copyright ⓒ Everplanet People. All Rights Reserved.</span><br />
<span class="copyright">에버플래닛 피플은 개인 또는 단체에 의해 운영되는 미니 커뮤니티 사이트입니다.</span><br />
<br />
</p></td>
</tr>
</table>
</body>
</html>
<area shape="rect" coords="89,7,139,33" href="http://www.epreple.com" />
</map>
<td width="680px">
<div id="columnRight">
<!-- 컨텐츠 시작 -->
{$content}
</div>
</td>
</tr>
</table></td>
</tr>
<tr>
<td class="bg"><p class="type"><br />
<span class="copyright">Copyright ⓒ Everplanet People. All Rights Reserved.</span><br />
<span class="copyright">에버플래닛 피플은 개인 또는 단체에 의해 운영되는 미니 커뮤니티 사이트입니다.</span><br />
<br />
</p></td>
</tr>
</table>
</body>
</html>
그러구선 이제 게시판에 어떠 분이 사진을 첨부해주셨는데
이미지 리사이징 애드온이 작동을 안하는건지 레이아웃의 문제인지...
글 작성한 곳 :
2010.04.20 23:06:50 (*.78.79.49)
글 작성한 곳 :
2010.04.20 23:16:53 (*.34.227.148)
게시판에서도 안되면 다른 프로그램과 충도리거나 xe 파일이 제대로 업로드 되지 않은 것입니다..
글 작성한 곳 :
2010.04.20 23:44:33 (*.78.79.49)
아 다른게시판에서 됩니다.
http://www.epreple.com/bbs/?mid=main_board&document_srl=754 (안되는 게시판)
http://www.epreple.com/bbs/test/749 (되는 게시판)
흠 .. 왜이러지;
글 작성한 곳 :
2010.04.20 23:18:45 (*.78.79.49)
아참 그리고 IE8만 그런지는 모르겠는데,
페이지에서 말입니다.
이미지 세로 사이즈가 30px 이고 내용 직접 입력으로 넣고, 이미지 세로 사이즈가 30px 이라서 딱딱 박스 크기를 맞췄죠.
그랬더니 이미지가 아래로 박혀가지고 40px 로 바꿔야만 나오더라구요.
게시판에 레이아웃 적용하지 말고 테스트 해보십시오.