최신글 테이블 수정 도움 부탁 드립니다.(바다님 텝최신글 스킨) > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

최신글 테이블 수정 도움 부탁 드립니다.(바다님 텝최신글 스킨) 정보

최신글 테이블 수정 도움 부탁 드립니다.(바다님 텝최신글 스킨)

본문

바다님의 최신글 스킨에서 이미지를 새로 디자인하여
 
메인에 달았는데
테이블이 아래로 밀립니다.
그림에서 보면 최신글에서 하얀 여백이 테이블을 아래로 밀고 있습니다.
(빨간 표시부분 참고)
소스를 보니까 전체 게시판의 목록이 아래로 전부 나오는 것을
해당게시판의 목록외에는 테이블에서 하얀배경색으로 가리고 있는 듯합니다만
그 높이 때문에 밀리는 것 같습니다.
여백을 줄이려면 어디를 손봐야 하는지...
아무리 수정해도 안되는군요.
도움 부탁드립니다.
이미지 디자인 외엔 원래의 소스를 건드린게 없습니다. 
 
해당 메인페이지 주소입니다.
 
  • 복사

댓글 전체

티이블 구조 불량이라 함은

<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>  <== 요기가 위에 td 수많큼 합쳐져야 안깨집니다.....<td colspan=3></td> 식으로
</tr>
</table>
탭메뉴가 아닌 인덱스 소스의  해당부분의 윗줄과 아랫줄의 칼럼이 안맞습니다

해당 부분을 테이블 태그로 한번 더 감싸 주세요~~~
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가

//아래 4개부분 테이블명 입력요 -> co1...4 지우고...

$my_table1 = 'new';  //OUR NEWS

$my_table2 = 'qna';  //질문과 답변

$my_table3 = 'gesi';  //게시판

$my_table4 = 'bang';  //방명록

?>
<SCRIPT type=text/javascript>
<!--
old_debate='1';

function showLayer(objid){
document.getElementById("debate"+old_debate).style.display="none";
document.getElementById("debate"+old_debate+"#1").style.display="";
document.getElementById("debate"+objid+"#1").style.display="none";
document.getElementById("debate"+objid).style.display="";
document.getElementById("debate_content"+old_debate).style.display="none";
document.getElementById("debate_content"+objid).style.display="";
old_debate=objid;
}
//-->
</SCRIPT>


<table width="304" border="0" cellspacing="0" cellpadding="0">
 <tr>
<td>
<table width="304" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="76">
<TABLE cellSpacing=0 cellPadding=0 border=0>
              <TR>
                <TD id=debate1><A href='<?=$g4[path]?>/bbs/board.php?bo_table=<?=$my_table1?>' title='목록으로' onfocus='this.blur()'><img src='<?=$g4[path]?>/tap_img/n1_2.gif' width=76 height=27 border=0 align=absmiddle></A></TD>
                <TD id=debate1#1  style="DISPLAY: none;"><A href="javascript:showLayer('1')" onfocus='this.blur()'><img src='<?=$g4[path]?>/tap_img/n1.gif' width=76 height=27 border=0 align=absmiddle></A></TD>
</TR></TABLE></td>
    <td width="76">
        <TABLE cellSpacing=0 cellPadding=0 border=0>
              <TR>
                <TD id=debate2  style="DISPLAY: none;"><A href='<?=$g4[path]?>/bbs/board.php?bo_table=<?=$my_table2?>' title='목록으로' onfocus='this.blur()'><img src='<?=$g4[path]?>/tap_img/n2_2.gif' width=76 height=27 border=0 align=absmiddle></A></TD>
                <TD id=debate2#1><A href="javascript:showLayer('2')" onfocus='this.blur()'><img src='<?=$g4[path]?>/tap_img/n2.gif' width=76 height=27 border=0 align=absmiddle></A></TD>
</TR></TABLE></td>
    <td width="76">
        <TABLE cellSpacing=0 cellPadding=0 border=0>
              <TR>
                <TD id=debate3 style="DISPLAY: none;"><A href='<?=$g4[path]?>/bbs/board.php?bo_table=<?=$my_table3?>' title='목록으로' onfocus='this.blur()'><img src='<?=$g4[path]?>/tap_img/n3_2.gif' width=76 height=27 border=0 align=absmiddle></A> </TD>
                <TD id=debate3#1><A href="javascript:showLayer('3')" onfocus='this.blur()'><img src='<?=$g4[path]?>/tap_img/n3.gif' width=76 height=27 border=0 align=absmiddle></A></TD>
</TR></TABLE></td>
    <td width="76">
        <TABLE cellSpacing=0 cellPadding=0 border=0>
              <TR>
                <TD id=debate4 style="DISPLAY: none;"><A href='<?=$g4[path]?>/bbs/board.php?bo_table=<?=$my_table4?>' title='목록으로' onfocus='this.blur()'><img src='<?=$g4[path]?>/tap_img/n4_2.gif' width=76 height=27 border=0 align=absmiddle></A></TD>
                <TD id=debate4#1><A href="javascript:showLayer('4')" onfocus='this.blur()'><img src='<?=$g4[path]?>/tap_img/n4.gif' width=76 height=27 border=0 align=absmiddle></A></TD>
</TR></TABLE></td>
  </tr>
</table>

<table width="304" border="0" cellspacing="0" cellpadding="0">
<colgroup width='1'>
<colgroup>
<colgroup width='1'>
  <tr>
      <td bgcolor='#D5D3E8'></td>
    <td bgcolor='#FFFFFF' valign='top'>

<DIV id=debate_content1>
<?=latest('basic_tap',$my_table1, 5, 40);?></DIV>

<DIV id=debate_content2 style="DISPLAY: none;">
            <?=latest('basic_tap',$my_table2, 5, 40);?></DIV>

<DIV id=debate_content3 style="DISPLAY: none;">
            <?=latest('basic_tap',$my_table3, 5, 40);?></DIV>

<DIV id=debate_content4 style="DISPLAY: none;">
            <?=latest('basic_tap',$my_table4, 5, 40);?></DIV></td>
        <td bgcolor='#D5D3E8'></td>
  </tr>
  <tr><td colspan='3' bgcolor='#D5D3E8'></td></tr>
</table></td></tr>
</table>



텝메뉴 소스입니다
해당 페이지의 인덱스 소스입니다.


<?
include_once("./_common.php");
include_once("$g4[path]/lib/latest.lib.php");

$g4[title] = "";
include_once("./index2h.php");
?>

</td>
    </tr>
    <tr>
        <td width="304" height="248" align="center" valign="top" background="http://eantent.com/img/back.jpg">
<? include_once("tap_menu.php"); // 탭메뉴?>
<?
include_once("./itail.php");
?>
헤드부분 소스입니다.



<html>

<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>DESIGN [A&middot;E&middot;C&middot;H&middot;A&middot;E] Standard Version</title>
<meta name="generator" content="Namo WebEditor v6.0">
<Style type="text/css">
A:link { COLOR: #666666; FONT-SIZE: 9pt; TEXT-DECORATION: none}
A:active { COLOR: #666666; FONT-SIZE: 9pt; TEXT-DECORATION: none}
A:visited { COLOR: #666666; FONT-SIZE: 9pt; TEXT-DECORATION: none}
A:hover { COLOR: black; FONT-SIZE: 9pt}
TD { COLOR: #666666; FONT-FAMILY: 굴림; FONT-SIZE: 9pt}
Body {scrollbar-face-color: #D5D6D8;
scrollbar-shadow-color: #DADBDC;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #9FA1A1;
scrollbar-darkshadow-color: #CDCED0;
scrollbar-track-color: #E6E7E8;
scrollbar-arrow-color: #FFFFFF;}
</Style>

</head>

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" background="http://eantent.com/img/pett.jpg">
<table width="1003" height="0%" cellspacing="0" align="center" bordercolordark="white" bordercolorlight="black" cellpadding="0">
    <tr>
        <td width="160" align="right" valign="top" height="587" rowspan="3">
            <p><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="160" height="587" align="top">
            <param name="movie" value="http://eantent.com/img/left.swf">
            <param name="play" value="true">
            <param name="loop" value="false">
            <param name="quality" value="High">
            <param name="_cx" value="5080">
            <param name="_cy" value="5080">
            <param name="src" value="http://eantent.com/img/left.swf">
            <param name="WMode" value="Transparent">
            <param name="Menu" value="true">
            <param name="Scale" value="ShowAll">
            <param name="DeviceFont" value="false">
            <param name="EmbedMovie" value="false">
            <param name="SeamlessTabbing" value="true">
            <param name="Profile" value="false">
            <param name="ProfilePort" value="0">
<embed width="160" height="587" src="http://eantent.com/img/left.swf" play="true" loop="false" quality="High" WMode="Transparent" Menu="true" Scale="ShowAll" DeviceFont="false" EmbedMovie="false" SeamlessTabbing="true" Profile="false" ProfilePort="0" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed></object></p>
</td>
        <td width="18" height="587" align="right" valign="top" rowspan="3" background="http://eantent.com/img/02le.jpg">&nbsp;</td>
        <td width="647" height="313" align="right" valign="top" colspan="4"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="647" height="313" align="top">
            <param name="movie" value="http://eantent.com/img/menu.swf">
            <param name="play" value="true">
            <param name="loop" value="false">
            <param name="quality" value="High">
            <param name="_cx" value="5080">
            <param name="_cy" value="5080">
            <param name="src" value="http://eantent.com/img/menu.swf">
            <param name="WMode" value="Window">
            <param name="Menu" value="true">
            <param name="Scale" value="ShowAll">
            <param name="DeviceFont" value="false">
            <param name="EmbedMovie" value="false">
            <param name="SeamlessTabbing" value="true">
            <param name="Profile" value="false">
            <param name="ProfilePort" value="0">
<embed width="647" height="313" src="http://eantent.com/img/menu.swf" play="true" loop="false" quality="High" WMode="Window" Menu="true" Scale="ShowAll" DeviceFont="false" EmbedMovie="false" SeamlessTabbing="true" Profile="false" ProfilePort="0" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed></object></td>
        <td width="18" height="587" align="http://eantent.com/img/left" valign="top" rowspan="3" background="http://eantent.com/img/03ri.jpg">&nbsp;</td>
        <td width="160" height="587" align="left" valign="top" rowspan="3">&nbsp;</td>
    </tr>
    <tr>
        <td width="23" height="270" align="left" valign="top" rowspan="2"><img src="http://eantent.com/img/llll.jpg" width="23" height="274" border="0"></td>
        <td width="297" height="270" align="center" valign="top" rowspan="2"><img src="http://eantent.com/img/05haja.jpg" width="297" height="274" border="0"></td>
        <td width="297" height="26" align="center" valign="top" background="http://eantent.com/img/back.jpg"><img src="http://eantent.com/img/title.jpg" width="300" height="26" border="0">
<td width="23" height="270" align="right" valign="top" rowspan="2"><img src="http://eantent.com/img/rrrr.jpg" width="23" height="274" border="0">
먼티탭을 불러온 테이블에 border=1 을 넣으신뒤에 살펴 보시면 찾기가 쉬워요...

        <td width="304" height="248" align="center" valign="top" background="http://eantent.com/img/back.jpg">
<? include_once("tap_menu.php"); // 탭메뉴?>

index.php 파일의 이부분에 높이가 248 로 정해져있네요...
index.php 파일의 위 소스에서  height="248" 을  height="1"로 줄여 보세요....^^
최신글의 좌측테이블에도 영향을 받습니다...그쪽도 줄여 보세요...^^
공통적으로 적용될 수 없는 스타일의 지정은,
가능한 사용하지 말아야 할 것 같습니다.

다시 추출해서 기본형태로 가시는 것도...
style fixed; style padding;
이런 형태로 지정하는 것은,
msie에서는 의도대로 적용되지 않는 경우가 많습니다.

이것은 Gecko에서도 다르고,
FireFox에서도 다를 수 있습니다.

기본이라고 말씀드린 것은,
아예 테이블(<table>) 형태로 해당 최신글을 다시 만들고,
사용된 style 관련 옵션은 제거하는 것을 의미합니다.

하단의 스크린샷(msie 6.xx)은 최초에 질문하신 것처럼,
중간 이미지가 사라져 있는 상태입니다.
-. /skin/latest/basic 으로 최신글 스킨만 변경

<?
include_once("./_common.php");
include_once("$g4[path]/lib/latest.lib.php");

$g4[title] = "";
include_once("./_head.php");
?>

<?
//아래 4개부분 테이블명 입력요 -> co1...4 지우고...

$my_table1 = 'test_note';  //OUR NEWS

$my_table2 = 'freeboard';  //질문과 답변

$my_table3 = 'oribbs';  //게시판

$my_table4 = 'blog_music';  //방명록

?>
<SCRIPT type=text/javascript>
<!--
old_debate='1';

function showLayer(objid){
document.getElementById("debate"+old_debate).style.display="none";
document.getElementById("debate"+old_debate+"#1").style.display="";
document.getElementById("debate"+objid+"#1").style.display="none";
document.getElementById("debate"+objid).style.display="";
document.getElementById("debate_content"+old_debate).style.display="none";
document.getElementById("debate_content"+objid).style.display="";
old_debate=objid;
}
//-->
</SCRIPT>


<table width="304" border="0" cellspacing="0" cellpadding="0">
 <tr>
<td>
<table width="304" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="76">
<TABLE cellSpacing=0 cellPadding=0 border=0>
              <TR>
                <TD id=debate1><A href='<?=$g4[path]?>/bbs/board.php?bo_table=<?=$my_table1?>' title='목록으로' onfocus='this.blur()'><img src='<?=$g4[path]?>/tap_img/n1_2.gif' width=76 height=27 border=0 align=absmiddle></A></TD>
                <TD id=debate1#1  style="DISPLAY: none;"><A href="javascript:showLayer('1')" onfocus='this.blur()'><img src='<?=$g4[path]?>/tap_img/n1.gif' width=76 height=27 border=0 align=absmiddle></A></TD>
</TR></TABLE></td>
    <td width="76">
        <TABLE cellSpacing=0 cellPadding=0 border=0>
              <TR>
                <TD id=debate2  style="DISPLAY: none;"><A href='<?=$g4[path]?>/bbs/board.php?bo_table=<?=$my_table2?>' title='목록으로' onfocus='this.blur()'><img src='<?=$g4[path]?>/tap_img/n2_2.gif' width=76 height=27 border=0 align=absmiddle></A></TD>
                <TD id=debate2#1><A href="javascript:showLayer('2')" onfocus='this.blur()'><img src='<?=$g4[path]?>/tap_img/n2.gif' width=76 height=27 border=0 align=absmiddle></A></TD>
</TR></TABLE></td>
    <td width="76">
        <TABLE cellSpacing=0 cellPadding=0 border=0>
              <TR>
                <TD id=debate3 style="DISPLAY: none;"><A href='<?=$g4[path]?>/bbs/board.php?bo_table=<?=$my_table3?>' title='목록으로' onfocus='this.blur()'><img src='<?=$g4[path]?>/tap_img/n3_2.gif' width=76 height=27 border=0 align=absmiddle></A> </TD>
                <TD id=debate3#1><A href="javascript:showLayer('3')" onfocus='this.blur()'><img src='<?=$g4[path]?>/tap_img/n3.gif' width=76 height=27 border=0 align=absmiddle></A></TD>
</TR></TABLE></td>
    <td width="76">
        <TABLE cellSpacing=0 cellPadding=0 border=0>
              <TR>
                <TD id=debate4 style="DISPLAY: none;"><A href='<?=$g4[path]?>/bbs/board.php?bo_table=<?=$my_table4?>' title='목록으로' onfocus='this.blur()'><img src='<?=$g4[path]?>/tap_img/n4_2.gif' width=76 height=27 border=0 align=absmiddle></A></TD>
                <TD id=debate4#1><A href="javascript:showLayer('4')" onfocus='this.blur()'><img src='<?=$g4[path]?>/tap_img/n4.gif' width=76 height=27 border=0 align=absmiddle></A></TD>
</TR></TABLE></td>
  </tr>
</table>

<table width="304" border="0" cellspacing="0" cellpadding="0">
<colgroup width='1'>
<colgroup>
<colgroup width='1'>
  <tr>
      <td bgcolor='#D5D3E8'></td>
    <td bgcolor='#FFFFFF' valign='top'>

<DIV id=debate_content1>
<?=latest('basic',$my_table1, 5, 40);?></DIV>

<DIV id=debate_content2 style="DISPLAY: none;">
            <?=latest('basic',$my_table2, 5, 40);?></DIV>

<DIV id=debate_content3 style="DISPLAY: none;">
            <?=latest('basic',$my_table3, 5, 40);?></DIV>

<DIV id=debate_content4 style="DISPLAY: none;">
            <?=latest('basic',$my_table4, 5, 40);?></DIV></td>
        <td bgcolor='#D5D3E8'></td>
  </tr>
  <tr><td colspan='3' bgcolor='#D5D3E8'></td></tr>
</table></td></tr>
</table>
<?
include_once("./_tail.php");
?>
공백.....으악~~~~~!

해드 부분의 아래 부분을 찾아 대치해 보시기 바랍니다.....

<tr>
        <td width="23" height="270" align="left" valign="top" rowspan="2"><img src="http://eantent.com/img/llll.jpg" width="23" height="274" border="0"></td>
        <td width="297" height="270" align="center" valign="top" rowspan="2"><img src="http://eantent.com/img/05haja.jpg" width="297" height="274" border="0"></td>
        <td width="297" height="26" align="center" valign="top" background="http://eantent.com/img/back.jpg"><img src="http://eantent.com/img/title.jpg" width="300" height="26" border="0"></td>
<td width="23" height="270" align="right" valign="top" rowspan="2"><img src="http://eantent.com/img/rrrr.jpg" width="23" height="274" border="0"></td>
    </tr>
한참 삽질하는중에 해결되셨다는 코멘트가 올라옵니다.^^ 뒷북이라도 참고하시라고 올립니다.
뜨락님 덕분에 산수좀 했습니다.
이미지와 테이블의 크기가 정확하게 일치하지 않는 부분이있습니다. 이미지가 크군요,, 사부님도 실수를 ㅌㅌ=3=3=3=3
옆에 링크는 CSS로 구현된 예제입니다. http://phosay.com/g4/gallery/test.php

아래는 전체 소스입니다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>DESIGN [A&middot;E&middot;C&middot;H&middot;A&middot;E] Standard Version</title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">

<Style type="text/css">
A:link { COLOR: #666666; FONT-SIZE: 9pt; TEXT-DECORATION: none}
A:active { COLOR: #666666; FONT-SIZE: 9pt; TEXT-DECORATION: none}
A:visited { COLOR: #666666; FONT-SIZE: 9pt; TEXT-DECORATION: none}
A:hover { COLOR: black; FONT-SIZE: 9pt}
TD { COLOR: #666666; FONT-FAMILY: 굴림; FONT-SIZE: 9pt}
Body {scrollbar-face-color: #D5D6D8;
scrollbar-shadow-color: #DADBDC;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #9FA1A1;
scrollbar-darkshadow-color: #CDCED0;
scrollbar-track-color: #E6E7E8;
scrollbar-arrow-color: #FFFFFF;}
</Style>

<style>
#background {background: url(http://eantent.com/img/pett.jpg);margin:0;padding:0;color:#3D3D33;font:11px/16px 굴림, verdana,arial,sans-serif;text-align:left;}
</style>

<!-- start contet -->
<div id='background' style='width:100%; height:868; overflow: visible;'>

    <!--left -->
    <div style='
    width:160; height:868;
    position:absolute; top:0; left:0;
    background: url(http://eantent.com/img/pett.jpg);
    border: 0px solid silver;
    float:left;
    padding:0 0 0 0;
    z-index:50;
    '>
   
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="160" height="587" align="top">
    <param name="movie" value="http://eantent.com/img/left.swf">
    <param name="play" value="true">
    <param name="loop" value="false">
    <param name="quality" value="High">
    <param name="_cx" value="5080">
    <param name="_cy" value="5080">
    <param name="src" value="http://eantent.com/img/left.swf">
    <param name="WMode" value="Transparent">

    <param name="Menu" value="true">
    <param name="Scale" value="ShowAll">
    <param name="DeviceFont" value="false">
    <param name="EmbedMovie" value="false">
    <param name="SeamlessTabbing" value="true">
    <param name="Profile" value="false">
    <param name="ProfilePort" value="0">
    <embed width="160" height="587" src="http://eantent.com/img/left.swf" play="true" loop="false" quality="High" WMode="Transparent" Menu="true" Scale="ShowAll" DeviceFont="false" EmbedMovie="false" SeamlessTabbing="true" Profile="false" ProfilePort="0" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed></object>   
    </div>

    <!-- left space -->
    <div style='
    width:18; height:868;
    position:absolute; top:0; left:160;
    border: 0px solid silver;
    background: url(http://eantent.com/img/02le.jpg);
    float:left;
    margin:0 0 0 0;
    '></div>

    <!-- main -->
    <div style='
    width:647; height:0;
    position:absolute; top:0; left:178;
    float:left;
    margin:0 0 0 0;
    '>
        <!-- main top -->
        <div style='
        width:647; height:313;
        position:relative; top:0; left:0;
        border: 0px solid silver;
        background: url(http://eantent.com/img/back.jpg);
        float:left;
        margin:0 0 0 0;
        '>
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="647" height="313" align="top">
        <param name="movie" value="http://eantent.com/img/menu.swf">
        <param name="play" value="true">
        <param name="loop" value="false">
        <param name="quality" value="High">
        <param name="_cx" value="5080">
        <param name="_cy" value="5080">
        <param name="src" value="http://eantent.com/img/menu.swf">
        <param name="WMode" value="Window">

        <param name="Menu" value="true">
        <param name="Scale" value="ShowAll">
        <param name="DeviceFont" value="false">
        <param name="EmbedMovie" value="false">
        <param name="SeamlessTabbing" value="true">
        <param name="Profile" value="false">
        <param name="ProfilePort" value="0">
        <embed width="647" height="313" src="http://eantent.com/img/menu.swf" play="true" loop="false" quality="High" WMode="Window" Menu="true" Scale="ShowAll" DeviceFont="false" EmbedMovie="false" SeamlessTabbing="true" Profile="false" ProfilePort="0" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed></object>
        </div>

        <!-- main mid -->
        <div style='
        width:647; height:274;
        position:relative; top:0; left:0;
        border: 0px solid silver;
        float:left;
        background: url(http://eantent.com/img/back.jpg);
        margin:0 0 0 0;
        '>

            <div style='
            width:23; height:274;
            position:relative; top:0; left:0;
            float:left;
            border: 0px solid silver;
            background: url(http://eantent.com/img/llll.jpg);
            margin:0 0 0 0;
            '></div>

            <div style='
            width:295; height:274;
            position:relative; top:0; left:0;
            float:left;
            border: 0px solid silver;
            margin:0 0 0 0;
            '><img src="http://eantent.com/img/05haja.jpg" width="295" height="274" border="0">
            </div>

            <div style='
            width:304; height:274;
            position:relative; top:0; left:0;
            float:left;
            border: 0px solid silver;
            margin:0 0 0 0;
            '>
                <div><img src="http://eantent.com/img/title.jpg" width="304" height="26" border="0"></div>
                <div style='word-break:break-all;padding:10 0 0 10;'>

                latest skin inclued latest skin incluedlatest skin incluedlatest skin incluedlatest skin incluedlatest skin incluedlatest skin inclued


                </div>
            </div>

            <div style='
            width:23; height:274;
            position:relative; top:0; left:0;
            float:right;
            border: 0px solid silver;
            background: url(http://eantent.com/img/rrrr.jpg);
            margin:0 0 0 0;
            '></div>
       
        </div><!-- end main mid -->


        <!-- main bot -->
        <div style='
        width:647; height:281;
        position:relative; top:0; left:0;
        border: 0px solid silver;
        background: url(http://eantent.com/img/long.jpg);
        float:left;
        margin:0 0 0 0;
        '>

        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="647" height="242" align="top">
        <param name="movie" value="http://eantent.com/img/under.swf">
        <param name="play" value="true">
        <param name="loop" value="false">

        <param name="quality" value="High">
        <param name="_cx" value="5080">
        <param name="_cy" value="5080">
        <param name="src" value="http://eantent.com/img/under.swf">
        <param name="WMode" value="Transparent">
        <param name="Menu" value="true">
        <param name="Scale" value="ShowAll">
        <param name="DeviceFont" value="false">
        <param name="EmbedMovie" value="false">

        <param name="SeamlessTabbing" value="true">
        <param name="Profile" value="false">
        <param name="ProfilePort" value="0">
        <embed width="647" height="242" src="http://eantent.com/img/under.swf" play="true" loop="false" quality="High" WMode="Transparent" Menu="true" Scale="ShowAll" DeviceFont="false" EmbedMovie="false" SeamlessTabbing="true" Profile="false" ProfilePort="0" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed></object>
        </div><!-- end main bot -->

    </div><!-- end main -->

    <!-- right space -->
    <div style='
    width:18; height:868;
    position:absolute; top:0; left:825;
    border: 0px solid silver;
    background: url(http://eantent.com/img/02le.jpg);
    float:left;
    margin:0 0 0 0;
    '></div>

    <div style='clear:both;'>&nbsp;</div>
</div><!-- end contet -->

</body>
</html>
도움 주신 분들께 감사 드립니다.
보답의 의미로 작업 끝내 놓고 나면
바다님 최신글 스킨 수정한 것 스킨 게시판에
두어개 만들어서 올리겠습니다.
뒷북만 울려 죄송합니다.
도움 주신분들 덕분에 멋진 나팔을 불 수 있게 되나봅니다.^^
___________________________________________
/좋/은/계/절/좋/은/주/말/좋/은/사/람/들/이/있/어/좋/습/니/다/
© SIRSOFT
현재 페이지 제일 처음으로