안녕하세요.

제가 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>
<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">&nbsp;</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&amp;maskPageType=2&amp;n4ArticleSN=17" target="_blank" />
  <area shape="rect" coords="228,229,421,284" href="http://everplanet.nexon.com/news/page/nx.aspx?url=events/index&amp;n1ArticleCategorySN=1&amp;maskPageType=2&amp;n4ArticleSN=16" target="_blank" />
  <area shape="rect" coords="399,128,600,149" href="http://everplanet.nexon.com/news/page/nx.aspx?url=update/PreIndex&amp;maskPageType=2&amp;n4ArticleSN=9" target="_blank" />
  <area shape="rect" coords="398,151,602,170" href="http://everplanet.nexon.com/news/page/nx.aspx?url=update/PreIndex&amp;maskPageType=2&amp;n4ArticleSN=10" target="_blank" />
  <area shape="rect" coords="399,171,618,193" href="http://everplanet.nexon.com/news/page/nx.aspx?url=update/PreIndex&amp;maskPageType=2&amp;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>

그러구선 이제 게시판에 어떠 분이 사진을 첨부해주셨는데

이미지 리사이징 애드온이 작동을 안하는건지 레이아웃의 문제인지...

이전 목록

김동Jin
글 작성한 곳 :
2010.04.21 08:18:45 (*.78.79.49)

아참 그리고 IE8만 그런지는 모르겠는데,

페이지에서 말입니다.

이미지 세로 사이즈가 30px 이고 내용 직접 입력으로 넣고, 이미지 세로 사이즈가 30px 이라서 딱딱 박스 크기를 맞췄죠.

그랬더니 이미지가 아래로 박혀가지고 40px 로 바꿔야만 나오더라구요.

댓글