묻고답하기
질문 드릴게요, 셀이 틀어지네요;
2004.03.01 20:08
http://ixia.woweb.net/bbs/zboard.php?id=b_freeboard
이 게시판은요,
http://ixia.woweb.net/bbs/freeboard.htm <- 요 게시판의 소스를
헤더와 푸터에 삽입해서 만들어진 게시판인데요.
htm 파일로 보면, 메뉴 바로 밑의 회색 가로선이 메뉴와 딱 맞는데요.
제로보드에서 보면, 약간 틀어지네요..-_ㅠ;;
딱 맞아야 예쁜데..
소스 보고 분석좀 해주세요;; 전 도저히 모르겠다는;;
<html>
<head>
<title>ixia.co.ly</title>
<script language="javascript">
<!--
function allblur() {
for (i = 0; i < document.links.length; i++)
document.links[i].onfocus = document.links[i].blur;
}
//-->
</script>
<style type="text/css">
body
{scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #999999;
scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #999999;
scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #999999}
</style>
</head>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" onLoad="allblur();">
<p style="line-height:100%; margin-top:0; margin-bottom:0;">
<img src="images/main-top.gif" width="157" height="105" border="0"></p>
<p style="line-height:100%; margin-top:0; margin-bottom:0;"> </p>
<table style="line-height:100%; margin-top:0; margin-bottom:0;" align="center" cellpadding="0" cellspacing="0" width="600" height="86">
<tr>
<td width="600" height="86" valign="top">
<p> <img src="images/menu.gif" width="600" height="77" border="0" usemap="#ImageMap1"> </p>
</td>
</tr>
</table>
<table style="line-height:100%; margin-top:0; margin-bottom:0;" align="center" cellpadding="0" cellspacing="0" width="575">
<tr>
<td height="1" bgcolor="#CCCCCC">
</td>
</tr>
<tr>
<td width="573" height="286">
<table align="center" cellpadding="0" cellspacing="0" width="575" height="286">
<tr>
<td width="130" height="286" valign="top" background="images/cell-bg.gif">
<p><img src="images/fboard-l-t.gif" width="130" height="286" border="0"></p>
</td>
<td width="445" height="286">
<div style="overflow-y:scroll; width:445; height:286; padding:4px">
------------------------------------------여기 위로는 헤더, 밑으로는 푸터입니다.
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="1" bgcolor="#CCCCCC">
</td>
</tr>
</table>
<p style="line-height:100%; margin-top:0; margin-bottom:0;"> </p>
<map name="ImageMap1">
<area shape="rect" coords="10, 57, 44, 76" href="#profile.htm" onfocus="this.blur();">
<area shape="rect" coords="56, 57, 89, 76" href="zboard.php?id=b_diary" onfocus="this.blur();">
<area shape="rect" coords="100, 57, 144, 76" href="#review.htm" onfocus="this.blur();">
<area shape="rect" coords="153, 57, 219, 76" href="#babo.htm" onfocus="this.blur();">
<area shape="rect" coords="229, 56, 289, 76" href="zboard.php?id=b_freeboard" onfocus="this.blur();">
<area shape="rect" coords="302, 56, 345, 76" href="#image.htm" onfocus="this.blur();">
<area shape="rect" coords="416, 7, 599, 75" href="main.htm" onfocus="this.blur();">
</map></body>
</html>
이 게시판은요,
http://ixia.woweb.net/bbs/freeboard.htm <- 요 게시판의 소스를
헤더와 푸터에 삽입해서 만들어진 게시판인데요.
htm 파일로 보면, 메뉴 바로 밑의 회색 가로선이 메뉴와 딱 맞는데요.
제로보드에서 보면, 약간 틀어지네요..-_ㅠ;;
딱 맞아야 예쁜데..
소스 보고 분석좀 해주세요;; 전 도저히 모르겠다는;;
<html>
<head>
<title>ixia.co.ly</title>
<script language="javascript">
<!--
function allblur() {
for (i = 0; i < document.links.length; i++)
document.links[i].onfocus = document.links[i].blur;
}
//-->
</script>
<style type="text/css">
body
{scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #999999;
scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #999999;
scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #999999}
</style>
</head>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" onLoad="allblur();">
<p style="line-height:100%; margin-top:0; margin-bottom:0;">
<img src="images/main-top.gif" width="157" height="105" border="0"></p>
<p style="line-height:100%; margin-top:0; margin-bottom:0;"> </p>
<table style="line-height:100%; margin-top:0; margin-bottom:0;" align="center" cellpadding="0" cellspacing="0" width="600" height="86">
<tr>
<td width="600" height="86" valign="top">
<p> <img src="images/menu.gif" width="600" height="77" border="0" usemap="#ImageMap1"> </p>
</td>
</tr>
</table>
<table style="line-height:100%; margin-top:0; margin-bottom:0;" align="center" cellpadding="0" cellspacing="0" width="575">
<tr>
<td height="1" bgcolor="#CCCCCC">
</td>
</tr>
<tr>
<td width="573" height="286">
<table align="center" cellpadding="0" cellspacing="0" width="575" height="286">
<tr>
<td width="130" height="286" valign="top" background="images/cell-bg.gif">
<p><img src="images/fboard-l-t.gif" width="130" height="286" border="0"></p>
</td>
<td width="445" height="286">
<div style="overflow-y:scroll; width:445; height:286; padding:4px">
------------------------------------------여기 위로는 헤더, 밑으로는 푸터입니다.
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="1" bgcolor="#CCCCCC">
</td>
</tr>
</table>
<p style="line-height:100%; margin-top:0; margin-bottom:0;"> </p>
<map name="ImageMap1">
<area shape="rect" coords="10, 57, 44, 76" href="#profile.htm" onfocus="this.blur();">
<area shape="rect" coords="56, 57, 89, 76" href="zboard.php?id=b_diary" onfocus="this.blur();">
<area shape="rect" coords="100, 57, 144, 76" href="#review.htm" onfocus="this.blur();">
<area shape="rect" coords="153, 57, 219, 76" href="#babo.htm" onfocus="this.blur();">
<area shape="rect" coords="229, 56, 289, 76" href="zboard.php?id=b_freeboard" onfocus="this.blur();">
<area shape="rect" coords="302, 56, 345, 76" href="#image.htm" onfocus="this.blur();">
<area shape="rect" coords="416, 7, 599, 75" href="main.htm" onfocus="this.blur();">
</map></body>
</html>