묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
노프레임홈에서..js파일 불러와서 헤더와 푸터로 사용할때..
2002.07.03 20:01
음.제목이 넘 기네요 ^^;
암튼
우선 링크를 봐주세요..
예전에 이곳에 질문해서 답변으루 받았던것을 제가 다시 구성한것인데요
http://cookiesoda.com/study/html/header_footer_js/ex_3.htm
소스를 보시면 알겠지만
메인htm 파일 하나와 head.js파일 하나 foot.js 파일 하나로 이루어져 있습니다.
소스는 아주 간단 그 자체죠 ^^
헌데 보면 헤드부분과 중간부분, 풋터부분이 간격이 떨어져 있잖아요
body의 margin부분두 0으로 했지만 적용이 안된것 처럼 떨어져 있구요..
요걸 서로 딱딱 붙게 하려면 어찌해야 하나요~?
고수분들의 도움 부탁드려요 ^^
그럼 좋은 하루 보내시길~~~~~~~~~~~~~~~~~~~~~~~~~~~♡
---------------------------혹시나 해서 소스공개(/-_-)/~----------------------
-------------------------head.js----------------------------------
document.write("<table width=300>");
document.write("<tr><td bgcolor=#2080D0 height=50 align=center>");
document.write("<p></p>");
document.write("<font size=2 color=white>");
document.write("메뉴1");
document.write("</font>");
document.write("<p></p>");
document.write("</td></tr>");
document.write("<tr><td bgcolor=#E3E3E3 height=100 align=center>");
-------------------------ex_3.htm----------------------------------
<html>
<head>
<title>원츄!!</title>
<meta http-equiv=Content-Type content=text/html; charset=euc-kr>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<script src="head.js"></script>
<font size=2>본문<br></font>
<script src="foot.js"></script>
</body>
</html>
-------------------------foot.js----------------------------------
document.write("</td></tr>");
document.write("<tr><td bgcolor=#C0E0FF height=50 align=center>");
document.write("<p></p>");
document.write("<font size=1 face=verdana>Copyleft</font>");
document.write("<p></p>");
document.write("</td></tr>");
document.write("</table>");
암튼
우선 링크를 봐주세요..
예전에 이곳에 질문해서 답변으루 받았던것을 제가 다시 구성한것인데요
http://cookiesoda.com/study/html/header_footer_js/ex_3.htm
소스를 보시면 알겠지만
메인htm 파일 하나와 head.js파일 하나 foot.js 파일 하나로 이루어져 있습니다.
소스는 아주 간단 그 자체죠 ^^
헌데 보면 헤드부분과 중간부분, 풋터부분이 간격이 떨어져 있잖아요
body의 margin부분두 0으로 했지만 적용이 안된것 처럼 떨어져 있구요..
요걸 서로 딱딱 붙게 하려면 어찌해야 하나요~?
고수분들의 도움 부탁드려요 ^^
그럼 좋은 하루 보내시길~~~~~~~~~~~~~~~~~~~~~~~~~~~♡
---------------------------혹시나 해서 소스공개(/-_-)/~----------------------
-------------------------head.js----------------------------------
document.write("<table width=300>");
document.write("<tr><td bgcolor=#2080D0 height=50 align=center>");
document.write("<p></p>");
document.write("<font size=2 color=white>");
document.write("메뉴1");
document.write("</font>");
document.write("<p></p>");
document.write("</td></tr>");
document.write("<tr><td bgcolor=#E3E3E3 height=100 align=center>");
-------------------------ex_3.htm----------------------------------
<html>
<head>
<title>원츄!!</title>
<meta http-equiv=Content-Type content=text/html; charset=euc-kr>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<script src="head.js"></script>
<font size=2>본문<br></font>
<script src="foot.js"></script>
</body>
</html>
-------------------------foot.js----------------------------------
document.write("</td></tr>");
document.write("<tr><td bgcolor=#C0E0FF height=50 align=center>");
document.write("<p></p>");
document.write("<font size=1 face=verdana>Copyleft</font>");
document.write("<p></p>");
document.write("</td></tr>");
document.write("</table>");
댓글 2
-
쿠키소다
2002.07.04 16:44
-
gamja
2002.07.04 10:00
테이블 사이의 간격이 벌어지는 이유는 TABLE을 구성할 때 기본 간격을 사용했기 때문이 아닐까 생각합니다.
//-------->document.write("<table width=300>");을 아래와 같이......함 고쳐 보심이.........
//-------->document.write("<table width=300 cellpadding=0 cellspacing=0 border=0>");
함 해보시고여.....이상.허접답변이었슴다.
성공했습니당~~~~
감사해요~^^~~~~감사합니다~~~~~~~~~>_<