묻고답하기
페이지에서 Top 으로 보내기 문의 드립니다(왕 초보)
2003.04.11 14:55
HTML로만 된 페이지에서 대부분은 Top으로 링크 한게 가는데 일부 페이지는 새창으로 떠 오릅니다.
그러니까 페이지 하단에 top.gif를 클릭하면 페이지 상단으로 가는 기능을 말합니다.
제가 사용한 링크 소스를 아래에 첨부합니다.
뭐가 문제인지 좀 봐 주시면 감사하겠습니다.
<비정상적으로 새로운 페이지로 나오는 경우>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<div style="position:absolute;top:5;width:80%; height:100%;z-index:-1">
<img src="/mybgimages/000.gif" align=right style="filter:alpha(opacity=100, style=2, finishopacity=0)">
</div>
<p align="justify" style="line-height:100%; margin-top:0; margin-right:185; margin-bottom:0; margin-left:89;"> <a name="Top"> </a></p>
그리고 하단의 top 이미지는 아래와 같이 사용했습니다.
공통적으로 사용되어 별도로 include로 사용했습니다.
<? include "http://www.canary.or.kr/foot.php"?>
</body>
</html>
그리고 foot.php 의 내용은 아래와 같습니다.
<table border="0" width=100%>
<tr>
<td height="40" bgcolor=#FFBBBB align=center valign=middle>
Copyright 2001-2003 MYhome All Right Reserved <a href="#Top"><IMG SRC="top.gif" style='cursor:hand;' ALT="위로가기" BORDER="0" align=absmiddle><a/>
</td>
</tr>
</table>
그러니까 페이지 하단에 top.gif를 클릭하면 페이지 상단으로 가는 기능을 말합니다.
제가 사용한 링크 소스를 아래에 첨부합니다.
뭐가 문제인지 좀 봐 주시면 감사하겠습니다.
<비정상적으로 새로운 페이지로 나오는 경우>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<div style="position:absolute;top:5;width:80%; height:100%;z-index:-1">
<img src="/mybgimages/000.gif" align=right style="filter:alpha(opacity=100, style=2, finishopacity=0)">
</div>
<p align="justify" style="line-height:100%; margin-top:0; margin-right:185; margin-bottom:0; margin-left:89;"> <a name="Top"> </a></p>
그리고 하단의 top 이미지는 아래와 같이 사용했습니다.
공통적으로 사용되어 별도로 include로 사용했습니다.
<? include "http://www.canary.or.kr/foot.php"?>
</body>
</html>
그리고 foot.php 의 내용은 아래와 같습니다.
<table border="0" width=100%>
<tr>
<td height="40" bgcolor=#FFBBBB align=center valign=middle>
Copyright 2001-2003 MYhome All Right Reserved <a href="#Top"><IMG SRC="top.gif" style='cursor:hand;' ALT="위로가기" BORDER="0" align=absmiddle><a/>
</td>
</tr>
</table>
<a name="top"></a> 이렇게 상단에 책갈피 하나 끼워주고.
아래쪽의 "top" 버튼에는 이렇게 링크를 걸죠.
<a href="#top">맨위로 가기</a>
중요한 점은 맨처음 책갈피를 만들었을때 지정한 name 값과 탑버튼의 링크에 걸어준 #top 가 같아야 하는 겁니다. 그리고.. # 이걸 빼먹으면 안되구요^^
헤더와 풋터로 나누셨으니까.. 헤더부분에 위쪽 책갈피 소스를 넣으시고
풋터의 top 버튼에 링크를 걸으시면 되지요