텍스트에 링크걸면 색이 바뀌고 밑줄이 생기잖아요. 링크걸어보시면 다들 아실거에염.

그게 기본이 지정되어있는데.. 그속성을 바꾸어주는 소스입니다.

<style type="text/css">

<!--

a:link, a:visited {color:"#382E94"; text-decoration:none}
a:active, a:hover {color:"#382E94"; text-decoration:underline}
.a2:link, .a2:visited {font:12px 굴림; color:"#666666"; text-decoration:none}
.a2:active, .a2:hover {font:12px 굴림;color:"#000000"; text-decoration:underline}

//-->

</style>

a:link=== 링크걸린 텍스트 속성

a:visited=== 한번이상 클릭한 후의 텍스트 속성

a:active=== 클릭할때의 속성

a:hover=== 마우스 올렸을때의 속성

긍데 위에꺼는 제가 두가지를 묶어놓은거구요. 필요하시다면 그냥 분리하시면 됩니다.

그 외 속성의 역할은 테스트하면서 알아보세요~^^

사용예)

<a href="a.htm">클릭하세요~</a>

<a href="b.htm"class="a2">또 클릭하세요~</a>

class="a2" 는 속성지정할때 또 다른속성이 필요한 경우 클래스로 지정해놓은걸 사용하는 것입니다.

입력폼에서Focus 이동시 자동 한글/영어 입력모드로 변환해주는 팁입니다.

단, Explorer 5.5 이상에서만 동작합니다.

<input type="text" value="" size="10" style="ime-mode:active">   (기본 : 한글모드)
<input type="text" value="" size="10" style="ime-mode:inactive">(기본 : 영문 모드)
<input type="text" value="" size="10" style="ime-mode:disabled">(무조건 영문만)

스크롤바를 강제로 숨기는 스타일쉬트입니다.

아마도 필요한때가 있을것입니다.^^

<style type="text/css">
<!--
     BODY { overflow-x: hidden;}    // 좌우, 스크롤 삭제
     BODY { overflow-y: hidden;}    // 상하, 스크롤 삭제
-->
</style>

어떤 내용을 입력받으려고 입력 폼을 구성했는데..

탭키를 눌렀을때 다음 입력 폼으로 가지않고 다른곳으로 이동한다면.. 굉장히 불편하겠죠..?!

입력 폼의 순서를 정해주는 소스입니다.

<input type=text name="username" value="" TabIndex=1>

<input type=text name="user_idx" value="" TabIndex=2>

<input type=text name="user_addr" value="" TabIndex=3>

이런식으로 당연히.. 테이블의 TD 안에 구성되겠죠..

다른 틀은 생략한것이며.. TabIndex 의 1,2,3 이것이 순서랍니다.

- 브라우저 상하좌우의 여백 없애기

브라우저에서 보여줄땐 body 영역과 브라우저간에 기본 여백이 주업니다.

아무래도 작업할땐 그 영역을 모두 없애주거나 내가 주려고하는 임의의 공백을 주는게 효율적이겠죠..^^

<bodytopmargin=0 leftmargin=0marginwidth=0 marginheight=0>

                 └▶ 인터넷 익스플로러에서 인식       └▶ 넷츠케이프에서 인식

두가지 모두를 써주는 이유는 수많은 사용자가 페이지를 보게될테고..

어떤 사용자는 인터넷익스플로러를.. 또 어떤 사용자는 넷츠케이프를 사용할겁니다.

즉, 어떤 웹브라우져를 사용하는 사용자일지 모르기 때문에 두가지 속성을 모두 넣어줍니다.