테이블이 자꾸 깨지는데 고수님들 초보 좀 도와주세요 ㅜㅜ > 그누4 질문답변

그누4 질문답변

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

테이블이 자꾸 깨지는데 고수님들 초보 좀 도와주세요 ㅜㅜ 정보

테이블이 자꾸 깨지는데 고수님들 초보 좀 도와주세요 ㅜㅜ

본문

jjap.jpg

만 4년만에 홈을 다시 만드려니
정말 생각도 잘 안나고 너무 어렵네요..
그것도 한번도 시도 못해본 그누보드를 써보려는데
초보가 너무 무모한듯 하기도 하고 ㅜㅜ

위에 그림은 홈페이지 레이아웃인데요..

제가 문제에 봉착한 부분이
메뉴와 카피라이트는 항상 붙어 있어야 하는데
본문의 의해 메뉴 부분이 깨져버리네요..

과거에는 프레임으로 만들었는데
요즘 대세가 노프레임인지라

테이블 구조로만 지금 제작중인데
위 부분이 어렵네요..

잘 이해가 안가신다면
소스를 첨부할께요..

도움 좀 주세요.. ^ ^

  • 복사

댓글 전체

야돌이 자기소개 아이디로 검색 회원게시물 07.09.20 13:22:53
구조 추출하기도 버거운 상태라서
지금 바로 홈 소스(?) 올려놓을께요..

좀 분석해 주시고 조언 부탁드릴께요.. ^ ^;

<html>

<!---우측 스코롤링 부분--->
<SCRIPT language=JavaScript1.2>
function MM_showHideLayers2() { //v3.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
    obj.visibility=v; }
}

    self.onError=null;
    currentX = currentY = 0; 
    whichIt = null;         
    lastScrollX = 0; lastScrollY = -10;
    NS = (document.layers) ? 1 : 0;
    IE = (document.all) ? 1: 0;
    <!-- STALKER CODE -->
    function heartBeat() {
        if(IE) {
              diffY = document.body.scrollTop;
              diffX = 0;
              }

        if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }

        if(diffY != lastScrollY) {
                    percent = .1 * (diffY - lastScrollY);
                    if(percent > 0) percent = Math.ceil(percent);
                    else percent = Math.floor(percent);
            if(IE) document.all.banner.style.pixelTop += percent;
            if(NS) document.banner.top += percent;
                    lastScrollY = lastScrollY + percent;
        }
        if(diffX != lastScrollX) {
            percent = .1 * (diffX - lastScrollX);
            if(percent > 0) percent = Math.ceil(percent);
            else percent = Math.floor(percent);
            if(IE) document.all.banner.style.pixelLeft += percent;
            if(NS) document.banner.top += percent;
            lastScrollY = lastScrollY + percent;
        }   
    }   
    if(NS || IE) action = window.setInterval("heartBeat()",1);
</script>
<!-- 스크롤링 끝-->

<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title></title>
<style>
td{font-family:굴림;font-size:12px;color:484848}
A {
text-decoration: none;
color:FFB005;
font-size: 12px;
font-family: 굴림;
}
a:visited{color:FFB005}
a:hover{color:white}
a.footer{color:000000}
a.footer:visited{color:000000}
.bold{font:900}
</style>

 <script language="JavaScript">
<!--
function na_restore_img_src(name, nsdoc)
{
  var img = eval((navigator.appName.indexOf('Netscape', 0) != -1) ? nsdoc+'.'+name : 'document.all.'+name);
  if (name == '')
    return;
  if (img && img.altsrc) {
    img.src    = img.altsrc;
    img.altsrc = null;
  }
}

function na_preload_img()
{
  var img_list = na_preload_img.arguments;
  if (document.preloadlist == null)
    document.preloadlist = new Array();
  var top = document.preloadlist.length;
  for (var i=0; i < img_list.length-1; i++) {
    document.preloadlist[top+i] = new Image;
    document.preloadlist[top+i].src = img_list[i+1];
  }
}

function na_change_img_src(name, nsdoc, rpath, preload)
{
  var img = eval((navigator.appName.indexOf('Netscape', 0) != -1) ? nsdoc+'.'+name : 'document.all.'+name);
  if (name == '')
    return;
  if (img) {
    img.altsrc = img.src;
    img.src    = rpath;
  }
}

// --></script>

</head>

<body LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH="0" MARGINHEIGHT="0" bgcolor="white" text="black" link="blue" vlink="purple" alink="red" OnLoad="na_preload_img(false, 'images/b1r.jpg', 'images/b2r.jpg', 'images/b3r.jpg', 'images/b4r.jpg', 'images/b5r.jpg', 'images/b6r.jpg');">
<table cellpadding="0" cellspacing="0" width="770" height="100%">
    <tr>
        <td width="770" valign=top>

            <table cellpadding="0" cellspacing="0">
                <tr>
                    <td width="770" colspan="7"><img src="images/header.jpg" width="770" height="9" border="0"></td>
                </tr>
                <tr>
                    <td width="760" colspan="7"><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="770" height="128">
                        <param name="movie" value="main.swf">
                        <param name="play" value="true">
                        <param name="loop" value="true">
                        <param name="quality" value="High">
                        <param name="_cx" value="5080">
                        <param name="_cy" value="5080">
                        <param name="src" value="main.swf">
                        <param name="WMode" value="Transparent">
                        <param name="Menu" value="true">
                        <param name="Scale" value="NoScale">
                        <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">
                        <param name="AllowNetworking" value="all">
                        <param name="AllowFullScreen" value="false">
<embed width="770" height="128" src="main.swf" play="true" loop="true" quality="High" WMode="Transparent" Menu="true" Scale="NoScale" DeviceFont="false" EmbedMovie="false" SeamlessTabbing="true" Profile="false" ProfilePort="0" AllowNetworking="all" AllowFullScreen="false" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></object></td>
                </tr>
                <tr>
                    <td width="760" colspan="7"><img src="images/line1.jpg" width="770" height="2" border="0"></td>
                </tr>
                <tr>
                    <td width="220" background="images/search_back.jpg">

                        <table border="0" cellpadding="0" cellspacing="0">
                            <form action="">
                            <tr>
                                <td style="padding-left:65"><input type="text" name="search" size="15" maxlength="40" style="width:100"></td>
                                <td style="padding-left:10"><input type="image" src="images/go_but.jpg" border="0" width="30" height="26" alt="" align="middle"></td>
                            </tr>
                            </form>

                        </table>
                    </td>
                    <td width="77"><a href="#" OnMouseOut="na_restore_img_src('image1', 'document')" OnMouseOver="na_change_img_src('image1', 'document', 'images/b1r.jpg', true)"><img src="images/b1.jpg" width="77" height="58" border="0" name="image1"></a></td>
                    <td width="98"><a href="#" OnMouseOut="na_restore_img_src('image2', 'document')" OnMouseOver="na_change_img_src('image2', 'document', 'images/b2r.jpg', true)"><img src="images/b2.jpg" width="98" height="58" border="0" name="image2"></a></td>
                    <td width="91"><a href="#" OnMouseOut="na_restore_img_src('image3', 'document')" OnMouseOver="na_change_img_src('image3', 'document', 'images/b3r.jpg', true)"><img src="images/b3.jpg" width="91" height="58" border="0" name="image3"></a></td>
                    <td width="91"><a href="#" OnMouseOut="na_restore_img_src('image4', 'document')" OnMouseOver="na_change_img_src('image4', 'document', 'images/b4r.jpg', true)"><img src="images/b4.jpg" width="91" height="58" border="0" name="image4"></a></td>
                    <td width="99"><a href="#" OnMouseOut="na_restore_img_src('image5', 'document')" OnMouseOver="na_change_img_src('image5', 'document', 'images/b5r.jpg', true)"><img src="images/b5.jpg" width="99" height="58" border="0" name="image5"></a></td>
                    <td width="94"><a href="#" OnMouseOut="na_restore_img_src('image6', 'document')" OnMouseOver="na_change_img_src('image6', 'document', 'images/b6r.jpg', true)"><img src="images/b6.jpg" width="94" height="58" border="0" name="image6"></a></td>
                </tr>
            </table>

<tr>
<td>
            <table cellpadding="0" cellspacing="0">
                <tr>
                    <td width="222">
                        <table cellpadding="0" cellspacing="0">
                            <tr>
                                <td width="222"><img src="images/text5.jpg" width="222" height="34" border="0"></td>
                            </tr>
                            <tr>
                                <td valign=top width="222" height="132" bgcolor="white" background="images/back1.jpg">

                                    <p style="margin-right:20; margin-left:20;">Contents1</p>
                                </td>
                            </tr>
                            <tr>
                                <td width="222"><img src="images/text5.jpg" width="222" height="34" border="0"></td>
                            </tr>
                            <tr>
                                <td valign=top width="222" background="images/back2.jpg" height="128">
                                    <p style="margin-right:20; margin-left:20;">Contents2</p>
                                </td>
                            </tr>
                            <tr>
                                <td width="222"><img src="images/line.jpg" width="222" height="9" border="0"></td>
                            </tr>
                        </table>
                    </td>                   
<td width="548">
                        <table cellpadding="0" cellspacing="0" width="100%" height="337" background="images/text_back_gr.jpg">
                            <tr>
                                <td width="182" height="25" style="border-right-width:1; border-right-color:rgb(102,102,102); border-right-style:solid;">
                                    <p align="center"><img src="images/text2.jpg" width="135" height="25" border="0"></p>
                                </td>
                                <td width="184" style="border-right-width:1; border-right-color:rgb(102,102,102); border-right-style:solid;">
                                    <p align="center"><img src="images/text3.jpg" width="138" height="25" border="0"></p>
                                </td>
                                <td width="182">
                                    <p align="center"><img src="images/text4.jpg" width="140" height="25" border="0"></p>
                                </td>
                            </tr>
                            <tr>
                                <td width="182" height="112" style="border-right-width:1; border-right-color:rgb(102,102,102); border-right-style:solid;">
                                    <p align="center"><img src="images/pic1.jpg" width="135" height="112" border="0"></p>
                                </td>
                                <td width="184" style="border-right-width:1; border-right-color:rgb(102,102,102); border-right-style:solid;">
                                    <p align="center"><img src="images/pic2.jpg" width="135" height="112" border="0"></p>
                                </td>
                                <td width="182">
                                    <p align="center"><img src="images/pic3.jpg" width="135" height="112" border="0"></p>
                                </td>
                            </tr>
                            <tr>
                                <td width="182" style="border-right-width:1; border-right-color:rgb(102,102,102); border-right-style:solid;">
                                    <p style="line-height:13px; margin-right:20; margin-left:20;" align="justify"><font face="굴림" color="black"><span style="font-size:9pt;">메모</span></font></p>
                                </td>
                                <td width="184" style="border-right-width:1; border-right-color:rgb(102,102,102); border-right-style:solid;">
                                    <p style="line-height:13px; margin-right:20; margin-left:20;" align="justify"><span style="font-size:9pt;"><font face="굴림" color="black">메모</span></p>
                                </td>
                                <td width="182">
                                    <p style="line-height:13px; margin-right:20; margin-left:20;" align="justify"><font face="굴림" color="black"><span style="font-size:9pt;">메모</span></font></p>
                                </td>
                            </tr>
                            <tr>
                                <td width="548" height="9" colspan="3"><img src="images/midl.jpg" width="548" height="9" border="0"></td>
                            </tr>
                        </table>
</td>
                </tr>
            </table>
</td>
</tr>
<tr valign=top height="100%" width="222">
<td>
            <table cellpadding="0" cellspacing="0" height="100%">
                <tr>
                    <td width="222" valign=top width="100%" height="100%">
                        <table cellpadding="0" cellspacing="0" width="100%" height="100%">
                            <tr>
                                <td width="222" height="34" valign=top><img src="images/text5.jpg" width="222" height="34" border="0"></td>
                            </tr>
                            <tr>
                                <td valign=top width="222" background="images/back3.jpg">
                                    <p style="margin-right:20; margin-left:20;">Contents3</p>
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td width="548">
<table cellpadding="0" cellspacing="0" width="100%" height="100%">
                            <tr>
                                <td width="141" valign=top rowspan="2"><img src="images/pic4.jpg" width="141" height="161" border="0"></td>
                                <td width="407" valign=top height="34"><img src="images/text7.jpg" width="407" height="34" border="0"></td>
                            </tr>
                            <tr>
                                <td valign=top width="407" height="127" valign="top">Contents4</td>
                            </tr>
                            <tr>
                                <td width="548" height="100%" valign="top" colspan="2">&nbsp;</td>
                            </tr>
</table>
                    </td>
                </tr>
            </table>
</td>
</tr>
<tr>
<td>
            <table cellpadding="0" cellspacing="0" width="770">
                <tr>
                    <td background="images/footer.jpg" width="513" style="color:000000;padding-left:34;padding-top:20" valign="top"><a href="l" class="footer">1</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="" class="footer">2</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="" class="footer">3</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="" class="footer">4</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="l" class="footer">5</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="" class="footer">6</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="" class="footer">7</a></td>
                <td><img src="images/comp_footer.jpg" border="0" width="257" height="65" alt=""></td>
                </tr>
            </table>
</td>
</tr>
        </td>
    </tr>
</table>

<tr>
<td><div id="banner" style="position:absolute; left:780px; top:10px; z-index:1;">
<table width="200" border=0 cellspacing="0" cellpadding="0">
<tr><td>
 <?=outlogin("b_basic");>
</td></tr>
</table>
</div>
</td>
</tr>

</body>
</html>
야돌이 자기소개 아이디로 검색 회원게시물 07.09.20 13:26:35
참 왼쪽 세부메뉴와 카피라이터 부분이 항상 연결된 상태입니다..
혹시 위쪽 메뉴와의 문제점으로 오인(?)하실까봐 초보라 별개 다 걱정이네요.. ^ ^;
명함아이 홈페이지 자기소개 아이디로 검색 회원게시물 07.09.20 16:15:24
테이블만 추출해주시지..소스가 넘 길어서 보기 힘들어요.

대충 코딩된 스타일을 보니깐 에디터를 이용하시는것 같으신대 에디트플러스나 메모장에서

테이블 점검이 필요해 보입니다.

에디터 코딩은 보기도 힘들뿐더러 설치하기까지는 힘듭니다...ㅜ.ㅜ;;
야돌이 자기소개 아이디로 검색 회원게시물 07.09.20 20:26:10
기본틀만 다시 올릴께요.
잠을 못잔 상태로 글을 올리느라 소스 그대로 올렸었네요..

참고하시고 도움 바랄게요.. ^ ^


<html>
<head>
</head>

<body LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH="0" MARGINHEIGHT="0" bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<table cellpadding="0" cellspacing="0" width="770" height="100%">
    <tr>
        <td width="770" valign=top>

            <table cellpadding="0" cellspacing="0">
                <tr>
                    <td width="770" colspan="7" height="9"></td>
                </tr>
                <tr>
                    <td width="770" colspan="7" height="128"></td>
                </tr>
                <tr>
                    <td width="760" colspan="7" height="2"></td>
                </tr>
                <tr>
                    <td width="220">

                        <table border="0" cellpadding="0" cellspacing="0">
                            <form action="">
                            <tr>
                                <td style="padding-left:65"><input type="text" name="search" size="15" maxlength="40" style="width:100"></td>
                                <td style="padding-left:10"><input type="image"  border="0" width="30" height="26" alt="" align="middle"></td>
                            </tr>
                            </form>

                        </table>
                    </td>
                    <td width="77"></td>
                    <td width="98"></td>
                    <td width="91"></td>
                    <td width="91"></td>
                    <td width="99"></td>
                    <td width="94"></td>
                </tr>
            </table>

    <tr>
            <td>

            <table cellpadding="0" cellspacing="0" height="100%">
                <tr>
                    <td width="222" valign=top height="100%">
                        <table cellpadding="0" cellspacing="0" height="100%" width="100%">
                            <tr>
                                <td width="222" height="34" align="left" valign="top"></td>
                            </tr>
                            <tr>
                                <td width="222" height="132" align="left" valign="top"></td>
                            </tr>
                            <tr>
                                <td width="222" height="33" align="left" valign="top"></td>
                            </tr>
                            <tr>
                                <td width="222" height="128" align="left" valign="top"></td>
                            </tr>
                            <tr>
                                <td width="222" height="9"></td>
                            </tr>
                            <tr>
                                <td width="222" height="34" align="left" valign="top"></td>
                            </tr>
                            <tr>
                                <td width="222" height="100%">
                                    <table height="100%" cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td width="222"></td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td width="222">

                                </td>
                            </tr>
                        </table>
                    </td>
                    <td width="548" valign=top height="100%">
                        <table cellpadding="0" cellspacing="0" height="100%">
                            <tr>
                                <td width="548" height="100%">

                                    <p></p>
                                    <p></p>
                                    <p></p>
                                    <p></p>
                                </td>
                            </tr>
                        </table>
</td>
                </tr>
            </table>
<tr>
<td width="770" height=0>
</td>
</tr>
<tr>
<td>
            <table cellpadding="0" cellspacing="0" width="770">
                <tr>
                    <td>카피라이터</td>
                </tr>
            </table>
</td>
</tr>
        </td>
    </tr>
</table>


</body>
</html>
닭대가리 홈페이지 자기소개 아이디로 검색 회원게시물 07.09.20 23:39:01
태그 종결문도 중요합니다.
시작하는 태그가 있다면 끝을 맺는 태그도 넣어줘야 합니다.
<tr> 이 있으면 </tr> 도 있어야 하고요...

</font>나 </span> 같은 태그는 테이블에 그리 큰 영향은 주지 않아 큰 에러는 없어보이지만 </div>같은 태그는 테이블에도 영향을 줄 수 있습니다.
목록
문의 PC 버전
© SIRSOFT
현재 페이지 제일 처음으로