묻고답하기
노프레임 홈페이지를 만들때 상하 여백이 생기는 문제...
2006.02.17 11:04
처음으로 질문을 해보는데요 -_ -;; 저같은 고민하시는분이 안계신지는 모르겠지만 2일째 뒤지고 다니는데 알수가 없군요;;
일단은 시험삼아 test로 링크 걸어볼께요 일단 보시고....;;;
URL = http://tartarus.iptime.org/test.html 입니다.
다른건 대충 시험하는중이라 상관없는데요
글쓰기 옆에 링크를 눌렀을경우가 문제입니다.
텍스트 들의 상하 여백이 커지는지 위아래로 쫙~ 늘어납니다.
-_ -;; 테크 같이 올려드리니 고수분들... 도와주세요..;;
****** test_top.html ******
<?
$_zb_url = "http://tartarus.iptime.org/bbs/";
$_zb_path = "/APM_Setup/htdocs/bbs/";
include $_zb_path."outlogin.php";
?>
<html>
<head>
<title> 타르타로스 홈 </title>
</head>
<body topmargin="0">
<center>
<table width=800 height=55 border="0" cellpadding="0" cellspacing="0">
<tr width="800" height="55" align="center">
<td width="700" height="55" align="center" valign="top">
<a href="../tset.html"><img src="../image/title.jpg" border="0" onfocus="this.blur()"></a>
</td>
<td width="100" height="55" align="right" valign="bottom">
<font style="font-size:12px; font-family:굴림;" color=#005b85>
<A href="javascript:void(0);" onClick="this.style.behavior='url(#default#homepage)'; this.setHomePage('http://tartarus.iptime.org');">시작페이지로 설정</a>
게시판 | 사진첩<br>
블로그 | <a href="http://tartarus.iptime.org/bbs/zboard.php?id=guest">방명록</a>
</font>
</td>
</tr>
</table>
<table id="Table_01" width="800" height="80" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="3">
<img src="../image/title_searchbar/title_searchbar_01.gif" width="158" height="80" alt=""></td>
<td colspan="5">
<img src="../image/title_searchbar/title_searchbar_02.gif" width="545" height="27" alt=""></td>
<td rowspan="3">
<img src="../image/title_searchbar/title_searchbar_03.gif" width="97" height="80" alt=""></td>
</tr>
<tr>
<form method=post action="search.php">
<td width="134" height="25">
<select name="search_site" style="border-width:1px; border-color:rgb(0,140,205); background-color:#d8f3ff; border-style:solid; width:134px; height:20px; COLOR: #005b85;" onMouseOver='chkReset(this.form);' onFocus='chkReset(this.form);'>
<option search_site="naver">네이버</option>
<option search_site="google">구글</option>
<option search_site="yahoo">야후코리아</option>
<option search_site="empas">엠파스</option>
<option search_site="daum">다음</option>
<option search_site="paran">파란</option>
<option search_site="nate">네이트</option>
<option search_site="chol">천리안</option>
<option search_site="altavista">알타비스타</option>
</select>
</td>
<td>
<img src="../image/title_searchbar/title_searchbar_05.gif" width="10" height="25" alt=""></td>
<td>
<input name="search_id" type="text" size="10" maxlength="255" required itemname="서치아이디" value='' style="border-width:1px; border-color:rgb(0,140,205); background-color:#d8f3ff; border-style:solid; width:336px; height:20px; COLOR: #005b85;" onMouseOver='chkReset(this.form);' onFocus='chkReset(this.form);'>
</td>
<td>
<img src="../image/title_searchbar/title_searchbar_07.gif" width="10" height="25" alt=""></td>
<td>
<input type="SUBMIT" value="" STYLE="width:55; height:25; cursor:hand; background:url(../image/title_searchbar/title_searchbar_08.gif); border-width:0px; color:black;font-weight:bold" onfocus="this.blur()">
</td>
</form>
</tr>
<tr>
<td colspan="5">
<img src="../image/title_searchbar/title_searchbar_09.gif" width="545" height="28" alt=""></td>
</tr>
</table><br>
<table width=800 border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="195" height="145" valign="top">
<? print_outlogin("lovedby_login_01",1,10) ?>
</td>
<td width="5" rowspan="3"></td>
<td width="600" rowspan="3" valign="top">
****** test_bottom.html ******
</td>
</tr>
<tr>
<td valign="top"><br>
<img src="../image/homeservice.jpg"><br><br>
<font color="red"><b>글쓰기</b></font> <a href="http://tartarus.iptime.org/bbs/zboard.php?id=test">게시판 사진첩 방명록<br></a>
<font color="red"><b>스터디</b></font> PHP C WAP JAVA HTML<br>
<font color="red"><b> </b></font> SCRIPT 기타<br>
<font color="red"><b>소 스</b></font> TIP&TECH 오픈소스<br>
<font color="red"><b>자료실</b></font> 유틸리티<br>
<font color="red"><b>회원용</b></font> MNP회원용게시판<br><br>
<img src="../image/friend.jpg"><br><br>
<font color="red"><b>홈피들</b></font> truewise homepage<br>
<font color="red"><b> </b></font> manggl homepage<br>
<font color="red"><b>블로그</b></font> truewise blog<br>
</td>
</tr>
<tr>
<td valign="top">
<br><iframe src="http://freewiw.kweather.co.kr/freenal/result/type4.php?locate=data9.txt&color=1&type=4&gigan=0&aname=&url=&part=0&areacode=108" width="195" height="145" scrolling="no" frameborder="0" allowtransparency="true"></iframe>
</td>
</tr>
</table>
<table id="Table_01" width="800" height="30" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
<img src="../image/bottom/bottom_01.gif" width="800" height="5" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="../image/bottom/bottom_02.gif" width="441" height="25" alt=""></td>
<td valign="top">
<iframe frameborder="0" src="http://ticker.kbs.co.kr/kbsnewsticker.html" frameborder="0" width="340" height="17" scrolling="no"></iframe>
</td>
<td rowspan="2">
<img src="../image/bottom/bottom_04.gif" width="19" height="25" alt=""></td>
</tr>
<tr>
<td>
<img src="../image/bottom/bottom_05.gif" width="340" height="8" alt=""></td>
</tr>
</table>
</center>
</body>
</html>
제로보드 상단파일 하단파일로 불렀습니다.
완전히 틀을 바꾸는 경우가 생긴다고해도 문제를 바로잡고 싶습니다.
도와주세요 ㅡ_ㅜ
추신) 한가지 더 부탁드려요.. 테이블인데요.. 게시물이 많아지거나 하면 왼쪽에 3칸짜리 테이블중에 중간것만 상하로 게시판크기에 맞게 늘어나게 하고싶은데요
어떻게 해야할까요? 지금은 게시물이 많아지면 테이블이 그냥 지들 맘데로 늘어나버려서요... ㅡㅜ
일단은 시험삼아 test로 링크 걸어볼께요 일단 보시고....;;;
URL = http://tartarus.iptime.org/test.html 입니다.
다른건 대충 시험하는중이라 상관없는데요
글쓰기 옆에 링크를 눌렀을경우가 문제입니다.
텍스트 들의 상하 여백이 커지는지 위아래로 쫙~ 늘어납니다.
-_ -;; 테크 같이 올려드리니 고수분들... 도와주세요..;;
****** test_top.html ******
<?
$_zb_url = "http://tartarus.iptime.org/bbs/";
$_zb_path = "/APM_Setup/htdocs/bbs/";
include $_zb_path."outlogin.php";
?>
<html>
<head>
<title> 타르타로스 홈 </title>
</head>
<body topmargin="0">
<center>
<table width=800 height=55 border="0" cellpadding="0" cellspacing="0">
<tr width="800" height="55" align="center">
<td width="700" height="55" align="center" valign="top">
<a href="../tset.html"><img src="../image/title.jpg" border="0" onfocus="this.blur()"></a>
</td>
<td width="100" height="55" align="right" valign="bottom">
<font style="font-size:12px; font-family:굴림;" color=#005b85>
<A href="javascript:void(0);" onClick="this.style.behavior='url(#default#homepage)'; this.setHomePage('http://tartarus.iptime.org');">시작페이지로 설정</a>
게시판 | 사진첩<br>
블로그 | <a href="http://tartarus.iptime.org/bbs/zboard.php?id=guest">방명록</a>
</font>
</td>
</tr>
</table>
<table id="Table_01" width="800" height="80" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="3">
<img src="../image/title_searchbar/title_searchbar_01.gif" width="158" height="80" alt=""></td>
<td colspan="5">
<img src="../image/title_searchbar/title_searchbar_02.gif" width="545" height="27" alt=""></td>
<td rowspan="3">
<img src="../image/title_searchbar/title_searchbar_03.gif" width="97" height="80" alt=""></td>
</tr>
<tr>
<form method=post action="search.php">
<td width="134" height="25">
<select name="search_site" style="border-width:1px; border-color:rgb(0,140,205); background-color:#d8f3ff; border-style:solid; width:134px; height:20px; COLOR: #005b85;" onMouseOver='chkReset(this.form);' onFocus='chkReset(this.form);'>
<option search_site="naver">네이버</option>
<option search_site="google">구글</option>
<option search_site="yahoo">야후코리아</option>
<option search_site="empas">엠파스</option>
<option search_site="daum">다음</option>
<option search_site="paran">파란</option>
<option search_site="nate">네이트</option>
<option search_site="chol">천리안</option>
<option search_site="altavista">알타비스타</option>
</select>
</td>
<td>
<img src="../image/title_searchbar/title_searchbar_05.gif" width="10" height="25" alt=""></td>
<td>
<input name="search_id" type="text" size="10" maxlength="255" required itemname="서치아이디" value='' style="border-width:1px; border-color:rgb(0,140,205); background-color:#d8f3ff; border-style:solid; width:336px; height:20px; COLOR: #005b85;" onMouseOver='chkReset(this.form);' onFocus='chkReset(this.form);'>
</td>
<td>
<img src="../image/title_searchbar/title_searchbar_07.gif" width="10" height="25" alt=""></td>
<td>
<input type="SUBMIT" value="" STYLE="width:55; height:25; cursor:hand; background:url(../image/title_searchbar/title_searchbar_08.gif); border-width:0px; color:black;font-weight:bold" onfocus="this.blur()">
</td>
</form>
</tr>
<tr>
<td colspan="5">
<img src="../image/title_searchbar/title_searchbar_09.gif" width="545" height="28" alt=""></td>
</tr>
</table><br>
<table width=800 border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="195" height="145" valign="top">
<? print_outlogin("lovedby_login_01",1,10) ?>
</td>
<td width="5" rowspan="3"></td>
<td width="600" rowspan="3" valign="top">
****** test_bottom.html ******
</td>
</tr>
<tr>
<td valign="top"><br>
<img src="../image/homeservice.jpg"><br><br>
<font color="red"><b>글쓰기</b></font> <a href="http://tartarus.iptime.org/bbs/zboard.php?id=test">게시판 사진첩 방명록<br></a>
<font color="red"><b>스터디</b></font> PHP C WAP JAVA HTML<br>
<font color="red"><b> </b></font> SCRIPT 기타<br>
<font color="red"><b>소 스</b></font> TIP&TECH 오픈소스<br>
<font color="red"><b>자료실</b></font> 유틸리티<br>
<font color="red"><b>회원용</b></font> MNP회원용게시판<br><br>
<img src="../image/friend.jpg"><br><br>
<font color="red"><b>홈피들</b></font> truewise homepage<br>
<font color="red"><b> </b></font> manggl homepage<br>
<font color="red"><b>블로그</b></font> truewise blog<br>
</td>
</tr>
<tr>
<td valign="top">
<br><iframe src="http://freewiw.kweather.co.kr/freenal/result/type4.php?locate=data9.txt&color=1&type=4&gigan=0&aname=&url=&part=0&areacode=108" width="195" height="145" scrolling="no" frameborder="0" allowtransparency="true"></iframe>
</td>
</tr>
</table>
<table id="Table_01" width="800" height="30" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
<img src="../image/bottom/bottom_01.gif" width="800" height="5" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="../image/bottom/bottom_02.gif" width="441" height="25" alt=""></td>
<td valign="top">
<iframe frameborder="0" src="http://ticker.kbs.co.kr/kbsnewsticker.html" frameborder="0" width="340" height="17" scrolling="no"></iframe>
</td>
<td rowspan="2">
<img src="../image/bottom/bottom_04.gif" width="19" height="25" alt=""></td>
</tr>
<tr>
<td>
<img src="../image/bottom/bottom_05.gif" width="340" height="8" alt=""></td>
</tr>
</table>
</center>
</body>
</html>
제로보드 상단파일 하단파일로 불렀습니다.
완전히 틀을 바꾸는 경우가 생긴다고해도 문제를 바로잡고 싶습니다.
도와주세요 ㅡ_ㅜ
추신) 한가지 더 부탁드려요.. 테이블인데요.. 게시물이 많아지거나 하면 왼쪽에 3칸짜리 테이블중에 중간것만 상하로 게시판크기에 맞게 늘어나게 하고싶은데요
어떻게 해야할까요? 지금은 게시물이 많아지면 테이블이 그냥 지들 맘데로 늘어나버려서요... ㅡㅜ
댓글 3
-
수줍은앙마
2006.02.17 13:38
-
김영기
2006.02.17 14:30
제가 당장 해볼 여건이 안되서 css파일은 잠시후 손볼꺼구요.
중간것만 % 했는데도 불구하고 왼쪽의 위아래3칸짜리 테이블이 정확하게 3등분 되어버린답니다. - _-
그래서 소스 첨부햇어요 - _- 해결을 못하겟어서요 ㅡㅜ -
김영기
2006.02.17 14:46
css파일 수정하니까 잘되네요 ^^ 감사합니다.
근데 아직 테이블은....;;
중간것만 늘어나가 하고 싶으시다면 중간것의 크기를 %로 잡아주시구요
나머진 크기를 정해주시면 됩니다.