묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
나모로 홈피 만드는데????????????????????
2002.10.01 19:19
나모로 노프레임 홈피를 만드는중인데 아주 기초적인 질문인지 모르겠네요 ㅠㅠ
제가 초보라서 표를 좌측에 로그인과 메뉴를 우측에 게시판을 넣는데 좌측과 우측 표의 높낮이가 안맞아서 게시판 내용을 볼려고 하면 좌측 메뉴 부분이 엄청 아래로 늘어져 버리네요
좌측 메뉴부분을 고정시킬 수있는 방법은 없나요?
첨 만드는거라 모르는게 너무 많네요
아래는 소스입니다.
어디를 손봐야 할까요?
도움바랍니다.
<?
$_zb_url = "http://xxx.com/zb41/";
$_zb_path = "/free/home/xxx/html/zb41/";
include $_zb_path."outlogin_avata.php";
?>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title></title>
<meta name="generator" content="Namo WebEditor v5.0">
<style>
<!--
a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:active { text-decoration:none; }
a:hover { text-decoration:none; }
-->
</style>
<script language="JavaScript">
<!--
function namosw_goto_byselect(sel, targetstr)
{
var index = sel.selectedIndex;
if (sel.options[index].value != '') {
if (targetstr == 'blank') {
window.open(sel.options[index].value, 'win1');
} else {
var frameobj;
if (targetstr == '') targetstr = 'self';
if ((frameobj = eval(targetstr)) != null)
frameobj.location = sel.options[index].value;
}
}
}
// -->
</script>
<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; 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;
}
}
function na_open_window(name, url, left, top, width, height, toolbar, menubar, statusbar, scrollbar, resizable)
{
toolbar_str = toolbar ? 'yes' : 'no';
menubar_str = menubar ? 'yes' : 'no';
statusbar_str = statusbar ? 'yes' : 'no';
scrollbar_str = scrollbar ? 'yes' : 'no';
resizable_str = resizable ? 'yes' : 'no';
window.open(url, name, 'left='+left+',top='+top+',width='+width+',height='+height+',toolbar='+toolbar_str+',menubar='+ '+ '+menubar_str+',status='+statusbar_str+',scrollbars='+scrollbar_str+',resizable='+resizable_str);
}
// -->
</script>
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" OnLoad="na_preload_img(false, 'topbutton22.gif', 'topbutton11.gif', 'topbutton33.gif', 'topbutton44.gif', 'topbutton55.gif');">
<table border="0" cellpadding="0" cellspacing="0" width="886" height="100" align="center">
<tr>
<td width="100%" colspan="4" height="16">
<p align="left"><iframe src="http://xxx.com/music/test/nzeo.htm" width="886" height="26" frameborder="0" scrolling="no" widthmargin="0" heightmargin="0"></iframe></p>
</td>
</tr>
<tr>
<td width="100%" colspan="4" height="16">
<p align="left"><img src="http://xxx.com/office/topright.gif" width="240" height="60" border="0" vspace="0" hspace="0">
<a href="http://xxx.com/office/index.htm" OnMouseOut="na_restore_img_src('image1', 'document')" OnMouseOver="na_change_img_src('image1', 'document', 'topbutton22.gif', true);" target="_parent"><img src="topbutton2.gif" width="85" height="77" border="0" vspace="0" hspace="0" name="image1"></a><a href="http://xxx.com/office/com.htm" OnMouseOut="na_restore_img_src('image2', 'document')" OnMouseOver="na_change_img_src('image2', 'document', 'topbutton11.gif', true);" target="_parent"><img src="topbutton1.gif" width="85" height="77" border="0" vspace="0" hspace="0" name="image2"></a><a href="http://xxx.com/office/friend.htm" OnMouseOut="na_restore_img_src('image3', 'document')" OnMouseOver="na_change_img_src('image3', 'document', 'topbutton33.gif', true);" target="_parent"><img src="topbutton3.gif" width="85" height="77" border="0" vspace="0" hspace="0" name="image3"></a><a href="http://xxx.com/office/system.htm" OnMouseOut="na_restore_img_src('image4', 'document')" OnMouseOver="na_change_img_src('image4', 'document', 'topbutton44.gif', true);" target="_parent"><img src="topbutton4.gif" width="85" height="77" border="0" vspace="0" hspace="0" name="image4"></a><a href="http://xxx.com/office/qna.htm" OnMouseOut="na_restore_img_src('image5', 'document')" OnMouseOver="na_change_img_src('image5', 'document'+ ', 'topbutton55.gif', true);" target="_parent"><img src="topbutton5.gif" width="85" height="77" border="0" vspace="0" hspace="0" name="image5"></a></p>
</td>
</tr>
<tr>
<td width="100%" height="27" colspan="4" background="http://xxx.com/office/bar.gif">
<p align="left"><font face="굴림체" size="2" color="#333333"><b> <img src="http://xxx.com/office/img/sub1.gif" width="236" height="26" border="0" vspace="0" hspace="0" usemap="#ImageMap1">
</b></font><a href="http://xxx.com/office/index.htm" target="_parent"><b><font face="돋움체" size="2" color="#666666">직진본부</font></b></a><font face="돋움체" size="2" color="#666666"><b>
</b></font><a href="http://xxx.com/office/index-club.htm" target="_parent"><b><font face="돋움체" size="2" color="#666666">클럽게시판</font></b></a><font face="돋움체" size="2" color="#666666"><b> </b></font><a href="http://xxx.com/office/index-free.htm" target="_parent"><b><font face="돋움체" size="2" color="#666666">자유게시판</font></b></a><font face="돋움체" size="2" color="#666666"><b> </b></font><a href="http://xxx.com/office/mini.htm" target="_parent"><b><font face="돋움체" size="2" color="#666666">미니홈피</font></b></a></p>
</td>
</tr>
<tr>
<td width="173" height="1" align="center" style="line-height:100%; margin-top:0; margin-bottom:0;" valign="top" bgcolor="#F1F1F1">
<? print_outlogin("xux_login", 1, 10) ?>
</td>
<td width="5" rowspan="5" height="306" valign="top">
<p> </p>
</td>
<td width="708" rowspan="5" height="306" colspan="2" valign="top">
<p align="center">게시판</p>
</td>
</tr>
<tr>
<td valign=top width="173" background="http://xxx.com/office/img/title.gif" valign="middle" height="10" nowrap>
<p align="center"><font size="2" face="돋움체" color="white">직진
</font><font face="돋움체" color="white" size="2"><b>></b></font><font face="돋움체" color="white" size="3">
</font><font size="2" face="돋움체" color="white"><b>직진본부</b></font></p>
</td>
</tr>
<tr>
<td valign=top width="171" style="border-width:1px; border-color:rgb(119,166,198); border-style:solid;" height="70" valign="top">
<p style="line-height:100%; margin-top:3px; margin-bottom:3px;"><font size="2" face="돋움체" color="#666666"><b> <img src="http://xxx.com/office/img/icon.gif" width="11" height="11" border="0" vspace="0" hspace="0">
</b></font><a href="http://xxx.com/zb41/zboard.php?id=main2" target="_parent"><b><font size="2" face="돋움체" color="#666666">정모소식</font></b></a></p>
<p style="line-height:100%; margin-top:3px; margin-bottom:3px;"><font size="2" face="돋움체" color="#666666"><b> <img src="http://xxx.com/office/img/icon.gif" width="11" height="11" border="0" vspace="0" hspace="0"> </b></font><a href="http://xxx.com/zb41/zboard.php?id=mt" target="_parent"><b><font size="2" face="돋움체" color="#666666">클럽엠티</font></b></a></p>
<p style="line-height:100%; margin-top:3px; margin-bottom:3px;"><font size="2" face="돋움체" color="#666666"><b> <img src="http://xxx.com/office/img/icon.gif" width="11" height="11" border="0" vspace="0" hspace="0"> </b></font><a href="http://xxx.com/zb41/zboard.php?id=advice" target="_parent"><b><font size="2" face="돋움체" color="#666666">추천/홍보</font></b></a></p>
<p style="line-height:100%; margin-top:3px; margin-bottom:3px;"><font size="2" face="돋움체" color="#666666"><b> <img src="http://xxx.com/office/img/icon.gif" width="11" height="11" border="0" vspace="0" hspace="0">
</b></font><a href="http://xxx.com/zb41/zboard.php?id=ox" target="_parent"><b><font size="2" face="돋움체" color="#666666">찬반토론</font></b></a></p>
<p style="line-height:100%; margin-top:3px; margin-bottom:3px;"><b><font size="2" face="돋움체" color="#666666"> </font></b><font size="2" face="돋움체" color="#666666"><b><img src="http://xxx.com/office/img/icon.gif" width="11" height="11" border="0" vspace="0" hspace="0">
</b></font><a href="http://xxx.com/home/text/master/master.html" target="_blank"><b><font size="2" face="돋움체" color="#666666">운영진</font></b></a></p>
</td>
</tr>
<tr>
<td width="171" style="border-width:1px; border-color:rgb(119,166,198); border-style:none;" height="42" bgcolor="#F1F1F1" valign="top">
<form name="form">
<p style="line-height:100%; margin-top:2px; margin-bottom:2px;" align="center"> <a href="http://xxx.com/office/mini.htm" target="_parent"><img src="http://xxx.com/office/img/banner.gif" width="90" height="30" border="0" vspace="3" hspace="3"></a></p>
<p style="line-height:100%; margin-top:1px; margin-bottom:1px;" align="center"><select size="1" OnChange="namosw_goto_byselect(this, 'self')">
<option selected value="http://">다른메뉴로 바로 이동하기</option>
</select> </p>
</form>
</td>
</tr>
<tr>
<td width="171" style="border-width:1px; border-color:rgb(119,166,198); border-style:none;" height="100%" bgcolor="#F1F1F1">
<p> </p>
</td>
</tr>
<tr>
<td width="432" style="border-width:1px; border-color:rgb(119,166,198); border-style:none;" height="4" bgcolor="#666666" colspan="3">
<P align="left"><font color="white" size="2" face="돋움체"> </font><font color="white" face="돋움체"><span style="font-size:8pt;">직진소개
개인보호정책 게시물신고</span></font></P> </td>
<td width="450" style="border-width:1px; border-color:rgb(119,166,198); border-style:none;" height="4" bgcolor="#666666" valign="bottom" nowrap>
<p style="line-height:100%; margin-top:1px; margin-bottom:1px;" align="center"><font color="white" size="1"> copyright(c) 2001-2002
xxx.com all right reserved</font></p>
</td>
</tr>
</table>
<map name="ImageMap1">
<area shape="rect" coords="8, 6, 56, 24" href="javascript:na_open_window('win', 'http://xxx.com/zb41/member_memo.php', 300, 100, 400, 500, 0, 0, 0, 1, 0);" target="_self">
<area shape="rect" coords="62, 3, 144, 24" href="javascript:na_open_window('win', 'http://xxx.com/zb41/member_modify.php?group_no=1', 150, 50, 550, 700, 0, 0, 0, 1, 1);" target="_self">
<area shape="rect" coords="150, 4, 231, 25" href="javascript:na_open_window('win', 'http://xxx.com/zb41/member_memo3.php', 300, 100, 400, 500, 0, 0, 0, 1, 0);" target="_self">
</map></body>
</html>
제가 초보라서 표를 좌측에 로그인과 메뉴를 우측에 게시판을 넣는데 좌측과 우측 표의 높낮이가 안맞아서 게시판 내용을 볼려고 하면 좌측 메뉴 부분이 엄청 아래로 늘어져 버리네요
좌측 메뉴부분을 고정시킬 수있는 방법은 없나요?
첨 만드는거라 모르는게 너무 많네요
아래는 소스입니다.
어디를 손봐야 할까요?
도움바랍니다.
<?
$_zb_url = "http://xxx.com/zb41/";
$_zb_path = "/free/home/xxx/html/zb41/";
include $_zb_path."outlogin_avata.php";
?>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title></title>
<meta name="generator" content="Namo WebEditor v5.0">
<style>
<!--
a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:active { text-decoration:none; }
a:hover { text-decoration:none; }
-->
</style>
<script language="JavaScript">
<!--
function namosw_goto_byselect(sel, targetstr)
{
var index = sel.selectedIndex;
if (sel.options[index].value != '') {
if (targetstr == 'blank') {
window.open(sel.options[index].value, 'win1');
} else {
var frameobj;
if (targetstr == '') targetstr = 'self';
if ((frameobj = eval(targetstr)) != null)
frameobj.location = sel.options[index].value;
}
}
}
// -->
</script>
<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; 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;
}
}
function na_open_window(name, url, left, top, width, height, toolbar, menubar, statusbar, scrollbar, resizable)
{
toolbar_str = toolbar ? 'yes' : 'no';
menubar_str = menubar ? 'yes' : 'no';
statusbar_str = statusbar ? 'yes' : 'no';
scrollbar_str = scrollbar ? 'yes' : 'no';
resizable_str = resizable ? 'yes' : 'no';
window.open(url, name, 'left='+left+',top='+top+',width='+width+',height='+height+',toolbar='+toolbar_str+',menubar='+ '+ '+menubar_str+',status='+statusbar_str+',scrollbars='+scrollbar_str+',resizable='+resizable_str);
}
// -->
</script>
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" OnLoad="na_preload_img(false, 'topbutton22.gif', 'topbutton11.gif', 'topbutton33.gif', 'topbutton44.gif', 'topbutton55.gif');">
<table border="0" cellpadding="0" cellspacing="0" width="886" height="100" align="center">
<tr>
<td width="100%" colspan="4" height="16">
<p align="left"><iframe src="http://xxx.com/music/test/nzeo.htm" width="886" height="26" frameborder="0" scrolling="no" widthmargin="0" heightmargin="0"></iframe></p>
</td>
</tr>
<tr>
<td width="100%" colspan="4" height="16">
<p align="left"><img src="http://xxx.com/office/topright.gif" width="240" height="60" border="0" vspace="0" hspace="0">
<a href="http://xxx.com/office/index.htm" OnMouseOut="na_restore_img_src('image1', 'document')" OnMouseOver="na_change_img_src('image1', 'document', 'topbutton22.gif', true);" target="_parent"><img src="topbutton2.gif" width="85" height="77" border="0" vspace="0" hspace="0" name="image1"></a><a href="http://xxx.com/office/com.htm" OnMouseOut="na_restore_img_src('image2', 'document')" OnMouseOver="na_change_img_src('image2', 'document', 'topbutton11.gif', true);" target="_parent"><img src="topbutton1.gif" width="85" height="77" border="0" vspace="0" hspace="0" name="image2"></a><a href="http://xxx.com/office/friend.htm" OnMouseOut="na_restore_img_src('image3', 'document')" OnMouseOver="na_change_img_src('image3', 'document', 'topbutton33.gif', true);" target="_parent"><img src="topbutton3.gif" width="85" height="77" border="0" vspace="0" hspace="0" name="image3"></a><a href="http://xxx.com/office/system.htm" OnMouseOut="na_restore_img_src('image4', 'document')" OnMouseOver="na_change_img_src('image4', 'document', 'topbutton44.gif', true);" target="_parent"><img src="topbutton4.gif" width="85" height="77" border="0" vspace="0" hspace="0" name="image4"></a><a href="http://xxx.com/office/qna.htm" OnMouseOut="na_restore_img_src('image5', 'document')" OnMouseOver="na_change_img_src('image5', 'document'+ ', 'topbutton55.gif', true);" target="_parent"><img src="topbutton5.gif" width="85" height="77" border="0" vspace="0" hspace="0" name="image5"></a></p>
</td>
</tr>
<tr>
<td width="100%" height="27" colspan="4" background="http://xxx.com/office/bar.gif">
<p align="left"><font face="굴림체" size="2" color="#333333"><b> <img src="http://xxx.com/office/img/sub1.gif" width="236" height="26" border="0" vspace="0" hspace="0" usemap="#ImageMap1">
</b></font><a href="http://xxx.com/office/index.htm" target="_parent"><b><font face="돋움체" size="2" color="#666666">직진본부</font></b></a><font face="돋움체" size="2" color="#666666"><b>
</b></font><a href="http://xxx.com/office/index-club.htm" target="_parent"><b><font face="돋움체" size="2" color="#666666">클럽게시판</font></b></a><font face="돋움체" size="2" color="#666666"><b> </b></font><a href="http://xxx.com/office/index-free.htm" target="_parent"><b><font face="돋움체" size="2" color="#666666">자유게시판</font></b></a><font face="돋움체" size="2" color="#666666"><b> </b></font><a href="http://xxx.com/office/mini.htm" target="_parent"><b><font face="돋움체" size="2" color="#666666">미니홈피</font></b></a></p>
</td>
</tr>
<tr>
<td width="173" height="1" align="center" style="line-height:100%; margin-top:0; margin-bottom:0;" valign="top" bgcolor="#F1F1F1">
<? print_outlogin("xux_login", 1, 10) ?>
</td>
<td width="5" rowspan="5" height="306" valign="top">
<p> </p>
</td>
<td width="708" rowspan="5" height="306" colspan="2" valign="top">
<p align="center">게시판</p>
</td>
</tr>
<tr>
<td valign=top width="173" background="http://xxx.com/office/img/title.gif" valign="middle" height="10" nowrap>
<p align="center"><font size="2" face="돋움체" color="white">직진
</font><font face="돋움체" color="white" size="2"><b>></b></font><font face="돋움체" color="white" size="3">
</font><font size="2" face="돋움체" color="white"><b>직진본부</b></font></p>
</td>
</tr>
<tr>
<td valign=top width="171" style="border-width:1px; border-color:rgb(119,166,198); border-style:solid;" height="70" valign="top">
<p style="line-height:100%; margin-top:3px; margin-bottom:3px;"><font size="2" face="돋움체" color="#666666"><b> <img src="http://xxx.com/office/img/icon.gif" width="11" height="11" border="0" vspace="0" hspace="0">
</b></font><a href="http://xxx.com/zb41/zboard.php?id=main2" target="_parent"><b><font size="2" face="돋움체" color="#666666">정모소식</font></b></a></p>
<p style="line-height:100%; margin-top:3px; margin-bottom:3px;"><font size="2" face="돋움체" color="#666666"><b> <img src="http://xxx.com/office/img/icon.gif" width="11" height="11" border="0" vspace="0" hspace="0"> </b></font><a href="http://xxx.com/zb41/zboard.php?id=mt" target="_parent"><b><font size="2" face="돋움체" color="#666666">클럽엠티</font></b></a></p>
<p style="line-height:100%; margin-top:3px; margin-bottom:3px;"><font size="2" face="돋움체" color="#666666"><b> <img src="http://xxx.com/office/img/icon.gif" width="11" height="11" border="0" vspace="0" hspace="0"> </b></font><a href="http://xxx.com/zb41/zboard.php?id=advice" target="_parent"><b><font size="2" face="돋움체" color="#666666">추천/홍보</font></b></a></p>
<p style="line-height:100%; margin-top:3px; margin-bottom:3px;"><font size="2" face="돋움체" color="#666666"><b> <img src="http://xxx.com/office/img/icon.gif" width="11" height="11" border="0" vspace="0" hspace="0">
</b></font><a href="http://xxx.com/zb41/zboard.php?id=ox" target="_parent"><b><font size="2" face="돋움체" color="#666666">찬반토론</font></b></a></p>
<p style="line-height:100%; margin-top:3px; margin-bottom:3px;"><b><font size="2" face="돋움체" color="#666666"> </font></b><font size="2" face="돋움체" color="#666666"><b><img src="http://xxx.com/office/img/icon.gif" width="11" height="11" border="0" vspace="0" hspace="0">
</b></font><a href="http://xxx.com/home/text/master/master.html" target="_blank"><b><font size="2" face="돋움체" color="#666666">운영진</font></b></a></p>
</td>
</tr>
<tr>
<td width="171" style="border-width:1px; border-color:rgb(119,166,198); border-style:none;" height="42" bgcolor="#F1F1F1" valign="top">
<form name="form">
<p style="line-height:100%; margin-top:2px; margin-bottom:2px;" align="center"> <a href="http://xxx.com/office/mini.htm" target="_parent"><img src="http://xxx.com/office/img/banner.gif" width="90" height="30" border="0" vspace="3" hspace="3"></a></p>
<p style="line-height:100%; margin-top:1px; margin-bottom:1px;" align="center"><select size="1" OnChange="namosw_goto_byselect(this, 'self')">
<option selected value="http://">다른메뉴로 바로 이동하기</option>
</select> </p>
</form>
</td>
</tr>
<tr>
<td width="171" style="border-width:1px; border-color:rgb(119,166,198); border-style:none;" height="100%" bgcolor="#F1F1F1">
<p> </p>
</td>
</tr>
<tr>
<td width="432" style="border-width:1px; border-color:rgb(119,166,198); border-style:none;" height="4" bgcolor="#666666" colspan="3">
<P align="left"><font color="white" size="2" face="돋움체"> </font><font color="white" face="돋움체"><span style="font-size:8pt;">직진소개
개인보호정책 게시물신고</span></font></P> </td>
<td width="450" style="border-width:1px; border-color:rgb(119,166,198); border-style:none;" height="4" bgcolor="#666666" valign="bottom" nowrap>
<p style="line-height:100%; margin-top:1px; margin-bottom:1px;" align="center"><font color="white" size="1"> copyright(c) 2001-2002
xxx.com all right reserved</font></p>
</td>
</tr>
</table>
<map name="ImageMap1">
<area shape="rect" coords="8, 6, 56, 24" href="javascript:na_open_window('win', 'http://xxx.com/zb41/member_memo.php', 300, 100, 400, 500, 0, 0, 0, 1, 0);" target="_self">
<area shape="rect" coords="62, 3, 144, 24" href="javascript:na_open_window('win', 'http://xxx.com/zb41/member_modify.php?group_no=1', 150, 50, 550, 700, 0, 0, 0, 1, 1);" target="_self">
<area shape="rect" coords="150, 4, 231, 25" href="javascript:na_open_window('win', 'http://xxx.com/zb41/member_memo3.php', 300, 100, 400, 500, 0, 0, 0, 1, 0);" target="_self">
</map></body>
</html>
보다는 실제 주소를 써주시는게 더 좋답니다.^^