1

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>제목</title>

<script type="text/javascript" src="자바스크립트파일주소" ></script>


<script type="text/javascript">

자바스크립트 내용

</script>


<link href="css파일 주소" rel="stylesheet" type="text/css"/>


<style type="text/css">


CSS내용

</style> 



<!-- 주석 부분 -->



</head>

<body >


<div id="hello">내용 </div> 


</body>

</html>

http://libon.kr/
아직 나의 테크닉과 노하우가 부족한 탓에 
div의 position이 relative을 경우 top 0px left 0px를 주어도 
본문 자체에 여백이 있어 꽤 고생을 하였다.

기본적으로 css에 다음과 같은 스타일 시트를 붙혀넣어주자. 

body {
margin: 0;
  padding:0; } 



크로스 브라우징을 하다보면 크롬이나 FF에서는 문제가 없는데 IE에서만 표안의 이미지에 여백이 생기는 경우가 있다.

그래서 임시 방편으로 DIV 잡아넣고 overflow:hidden 을 넣어줬는데

구글링 해보니 간단히 해결하는 방법이 있었다.... ㅠ

img  {vertical-align:bottom;}

이걸로 해결.
http://www.jasko.co.kr/src/20020102/email_check_2.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="content-type" content="text/html; charset=euc-kr">
<TITLE> Jasko Sample Script </TITLE>

</HEAD>

<BODY>

<!---- [1단계] 아래의 방법으로 원하는 위치에 복사 해 넣으세요 ------------------>

<form name="validation" onSubmit="return checkbae()">
이메일 주소 :<br>
<input type="text" size=18 name="emailcheck">
<input type="submit">
</form>

<script language="JavaScript1.2">
var testresults
function checkemail(){
var str=document.validation.emailcheck.value
var filter=/^(w+(?:.w+)*)@((?:w+.)*w[w-]{0,66}).([a-z]{2,6}(?:.[a-z]{2})?)$/i
if (filter.test(str))
testresults=true
else{
alert("유효한 이메일 주소가 아닙니다")
testresults=false
}
return (testresults)
}
function checkbae(){
if (document.layers||document.getElementById||document.all)
return checkemail()
else
return true
}
</script>
기본소스

<iframe src="http://게시판주소또는파일" name="프레임 이름" width="프레임 가로길이" height="프레임 세로길이" frameborder="프레임 테두리 두께" marginheight="수직여백" marginwidth="수평여백" scrolling="스크롤바 생성여부"  align="위치정렬"></iframe>


+ Recent posts

티스토리툴바