웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
레이어에 스크롤바 달기(예제보기 제거)
2002.08.09 18:36
일본에서 날아온 정보입니다..;;아주아주 간단한데요...저도 처음 알았기 대문에 다른 연지오 식구들도 모르리라 생각하고;;글 씁니다...
레이어택(div 등) 스타일에 다음 항목을 추가시켜주면 됩니다.
overflow:scroll
단, 레이어의 크기를 설정해 주시지 않으시면 스크롤바가 생길 틍도 없이 레이어 자체가 늘어나 버리니 크기를 정해주어야 합니다. 물론 크기를 정해주지 않아도 공간이 없으면 스스로 스크롤바가 생기죠...
textarea와 비슷하지만 이 안에는 그림이나 링크가 들어갈 수 있다는 점이 중요합니다..
이걸 잘 응용하면 사용자 약관, 메뉴 구성이나 프레임 없이 윈도우 응용프로그램같은 모양 만들기 등에 유용하겠죠...?
모쪼록 잘 활용하시기 바랍니다^^;;
레이어택(div 등) 스타일에 다음 항목을 추가시켜주면 됩니다.
overflow:scroll
단, 레이어의 크기를 설정해 주시지 않으시면 스크롤바가 생길 틍도 없이 레이어 자체가 늘어나 버리니 크기를 정해주어야 합니다. 물론 크기를 정해주지 않아도 공간이 없으면 스스로 스크롤바가 생기죠...
textarea와 비슷하지만 이 안에는 그림이나 링크가 들어갈 수 있다는 점이 중요합니다..
이걸 잘 응용하면 사용자 약관, 메뉴 구성이나 프레임 없이 윈도우 응용프로그램같은 모양 만들기 등에 유용하겠죠...?
모쪼록 잘 활용하시기 바랍니다^^;;
댓글 13
-
소준혁
2002.08.13 19:36
정말 유용하다....+_+ -
sejoe2000.net
2002.08.09 19:06
오와 굿 -
도도유진:)
2002.08.09 19:15
우와 짱 입니다. 너무 예뻐서 ... -
날개양^-^-*
2002.08.10 03:00
:) 좋은 팁-^-^ -
미키
2002.08.10 08:33
세상에 이런일이...... -
다나
2002.08.10 09:03
우왓.... 신기하다 ㅋㅋ 감사감사^^ -
▩윤미
2002.08.10 11:42
이것으로 테이블 만들때 써요 ^--------^* -
Norn
2002.08.10 21:30
제가 자주 쓰는 방법이군요. 원프레임 페이지에서 긴 내용을 넣을때 헤더와 푸터를 고정시켜두기 위해서 씁니다-ㅁ-;
overflow:auto 로 놓으시면 문서의 길이에 따라서 스크롤바의 유무가 결정됩니다. -
세이렌
2002.08.11 18:05
놀랍군요 +_+ /아 10자 -ㅅ-; -
이흥현
2002.08.14 12:08
정말 굿입니다! 게시판 스킨 만들때 이러한 것이 필요했습니다~ 캬캬 감사 -
Stupid
2002.08.14 17:55
오홀 진짜 신가해욧 >0< -
jeje
2002.10.09 02:48
아래 주소의 오늘 신규 가입자와 오늘 생일자 나타나는 부분이 위 팁의 예제가 되겟네요...쿠쿠~
http://jeje.zetyx.net -
naughtykidd
2004.02.26 19:53
훔.. 알고 있었으므로 무효( 퍽 )
display:visible
내용에 따라서 레이어 크기가 변함
display:hidden
안보임( 스크립트랑 병용하죠.. 보통 )
제목 | 글쓴이 | 날짜 |
---|---|---|
깔끔한 홈페이지를 만들고 싶다면 꼭 알아야 할 것(1) [5] | 키르(SP) | 2002.08.15 |
[HTML 초보자] HTML 물리적태그와 논리적태그(글자진하게 등등) [5] | ZipShin | 2002.08.14 |
사용자의 윈도 화면배색을 쓰자.. [4] | 엔카일 | 2002.08.13 |
[Siren]소스보기 금지된 페이지 저장하기! (강좌가 아닌가..;;) [15] | 세이렌 | 2002.08.12 |
[HTML 초보자] HTML 폰트 태그 [2] | ZipShin | 2002.08.12 |
레이어에 스크롤바 달기(예제보기 제거) [13] | TheMics | 2002.08.09 |
[HTML 초보자] HTML 홈페이지의 태그 기본구조2. [13] | ZipShin | 2002.08.09 |
HTML에서 태그 베끼기 [4] | 미키 | 2002.08.09 |
중간 점 찍기 [12] | 오픈소스 | 2002.08.08 |
[HTML 초보자] HTML 홈페이지의 태그 기본구조. [4] | ZipShin | 2002.08.07 |
[Siren]투명 이미지 [14] | 세이렌 | 2002.08.04 |
[HTML 초보자] 태그(Tag)의 역사 [6] | ZipShin | 2002.08.03 |
[Siren]하나도 안귀엽게 -ㅅ-;; 문서 정렬하기 [5] | 세이렌 | 2002.08.01 |
[스타일시트] 페이지 여백 없애기2 ^^ ↓ 아래글을 보충합니다. [8] | ZipShin | 2002.07.31 |
[Siren]페이지 여백 없애기 [8] | 세이렌 | 2002.07.31 |
웹페이지 소스보기. [4] | ZipShin | 2002.07.31 |
이미지에 border="0"값 않넣고 하는방법 [14] | ZipShin | 2002.07.30 |
[Siren]이미지 주변에 점선 테두리 생기게 하기 ^_^ [6] | 세이렌 | 2002.07.30 |
[Siren]글자(문자,폰트) 링크 커서 제어하기 [8] | 세이렌 | 2002.07.30 |
이미지 클릭했을때 주변에 생기는 점선 없애는 이벤트. [7] | 김승진 | 2002.07.30 |