|
auto iframe 간단한 사용법
[3]
iframe을 삽입하면서 자동 리사이징 되는 것을 요구할 때가 많습니다.
다른 문서를 불러들일 때는 늘 문제가 생기나 간편한 방식을 메모합니다.
홈페이지 기본 틀을 만들 때는 iframe을 사용하는 것은 무리입니다.
필요한 문서를 불러들이거나 하는...
|
음악 링크할 때 시간 표시줄 설정
  
음악 링크할 때나 동영상 링크시 하단의 메뉴바 설정의 기능을 추가할 때
showstatusbar="1"은 시간표시 줄이 나오고 0은 안 나오게 된다.
기타 몇가지 설정은 소스에서 확인된다. 임베디드 소스는 아래와 같습니다. 참조하시기 바랍니다.
...
|
|
게시판 글쓰기 줄간격을 넓히고 싶을 때
1. 글 작성 후 작성방법의 "HTML 직접입력" 을 선택
2. 문서 작성영역에 보여지는 HTML 문서 제일 위, 처음에다 커서를 놓고
<FONT style="LINE-HEIGHT: 160%"><P style="LINE-HEIGHT: 160%"> </P></FONT>
을 써 주시거나 복사해서 붙...
|
|
이미지 링크시 생기는 파란색 테두리 제어하기
이미지를 불러오는 태그<img src="">에 링크를 거는 경우 파란색 테두리가 생깁니다. 이를 없애기위해 보통 border="0" 이란 태그를 사용합니다.
하지만 이미지 태그에 일일이 border="0"를 붙인다면 편집툴을 쓰지않는 경우엔 번거로운 일입니다.
또한 ...
|
|
마우스를 td 셀 위에 올리면 셀의 색상이 바뀌는 소스입니다.
마우스를 td 셀 위에 올리면 셀의 색상이 바뀌는 소스입니다.
메뉴를 만들 때 응용하여 사용할 수 있습니다.
<table width="200" border="0" cellspacing="1" cellpadding="0" bgcolor=#000000> <tr bgcolor=#ffffff> <td align="center" style=cursor:ha...
|
|
마우스를 td 셀에 올리면 링크 걸리는 소스입니다.
마우스를 td 셀에 올리면 링크 걸리는 소스입니다.
<table width="200" border="0" cellspacing="1" cellpadding="0" bgcolor=#000000>
<tr bgcolor=#ffffff><td align="center" style=cursor:hand; onClick="location.href='http://kr.yahoo.com'" onMouseOv...
|
|
스타일 선언 방법
① 헤드 부분에 삽입하기
일반적으로 문서의 ~ 영역에 직접 작성하는 방법이다. 이것을 ‘임베딩(Embedding) 스타일시트’ 방식이라 한다. 선언부에서 여러 개의 속성을 기술해야 할 필요가 있는 경우에는 세미콜론(;)으로 이용해서 연속적으로 선언...
|
|
font와 관련한 스타일 속성
문서 작성시 글꼴 관련 스타일에 관한 속성이다. FONT 속성은 글꼴 모양을 결정하고 TEXT 속성은 텍스트(문장) 모양을 결정한다. 문서 중간에서 선언되는 스타일의 모양은 기본적으로 아래와 같다.
<font style="font-size:14px; color:#555555; ...
|
|
Div 사용법 정리 2
[2]
Div 2편을 이어서 쓰도록 하겠습니다. 레이어 1편의 위치는 다음과 같습니다.
이전에 XHTML와 CSS에 관한 메뉴얼을 작성해 주신 분이 계십니다. http://zbxe.springnote.com/pages/684681 참고하시면 좋을것같습니다.
'XE하면 DIV로 짜여진 레이...
|
|
Div 사용법 정리 1
이 글은 익숙한 경험자 보다 아직 이해가 부족된 초보분들을 위해 쓰는 것이니 내용이 다소 모자라고 유치하더라도 이해해주세요. 혹시 오류가 있거나 부족된 부분이 발견되거든 알려주시기 바랍니다. XE의 레이아웃은 DIV와 CSS를 기초로 합니다...
|
|
asx 화일로 초미니 음악화일 만들기(연속듣기 가능)
<asx파일로 연속듣기> 간단한 asx 파일을 만들어서 연속듣기입니다. asx 파일은 음악파일은 아닙니다. 텍스트 파일입니다 .
다시 말씀드리자면 음악의 정보를 담은 하나의 문서라 생각하시면 됩니다. 그래도 확장명을 가지고 있으니 파일이라하죠.
그럼 ...
|
|
p 태그 속성 중 줄간격 조절로 인용구에 효율적 적용
p태그 속성은 숙지를 해도 잘 잊어 버릴 때가 있다
p태그를 일일이 지정하지 않고 스타일에서 정할 때
마진을 아래처럼 주고 줄간격을 정하여 보았다.
<STYLE>P{margin-top:0px;margin-bottom:0px;}</STYLE>
현재의 글은 바톰마진을 수정하여 스타일 적...
|
|
움직이는 마퀴 태그에 마우스 올리면 스톰
태그 가운데 초보자들에겐 마퀴 태그가 재미있어 보입니다.
이 태그를 많이 사용하여 산만한 경우도 있는데 한가지 속성을 기록합니다.
<marquee dir=left onmouseover=this.stop() onmouseout=this.start() scrollAmount="6"></SPAN> 내용 </marquee> 마우...
|
|
td 안에 스크롤바 달기2
아래 것은 가장 단순한 방법이고
두번째 것은 div를 이용한 방식이다.
헤드에 스타일을 정의하고 body에서 div를 이용해 제어하는 방식이다.
<HTML> <HEAD> <Title>테이블에 스크롤바 생성하기</Title>
<style type="text/css"> <!-- #scrollbox {widt...
|
|
td 안에 스크롤바 달기1
테이블 td 안에 들어갈 내용글을 p 태그로 감싸고 p 태그에 스타일 적용으로 스크롤바를 만드는 방법입니다. 아래 소스를 확인하면 됩니다.
<table> <tr> <td> <p style='overflow: auto; width: 500; height: 50'> 테이블 안에 들어갈 내용 ...
|
E-MAIL:holyqt@hanmail.net