전체 글 494

DTD에 따른 FIELDSET & LEGEND 요소 사용법.

안녕하세요? 오늘은 HTML DTD에 따른 FIELDSET과 LEGEND 요소의 다른 사용법에 대하여 공유드리고자 합니다. FIELDSET 요소는 하나의 전송양식(FORM)을 의미 단위로 그룹핑하는 요소로서, 회원가입 페이지의 전송양식을 예로 든다면 ‘필수입력, 선택입력’ 등과 같이 의미구조에 따라 전송할 내용을 그룹핑(또는 분할)하는 역할을 하고 있습니다. LEGEND 요소는 FIELDSET 요소에 대한 캡션(또는 제목)을 제공하여 양식의 이해를 돕는 역할을 하고 있습니다. 혹시 W3C Markup Validation Service 도구를 사용하면서 FIELDSET 요소 안쪽에 어떤 HTML요소는 허락하지 않는다는 오류를 만나보신 적이 없으신지요? 만난적이 없으시다면 아래 경우 중 한 가지 경우에 해당..

Web story/Html 2008.05.07

브라우져 화면의 100% 높이를 유지하는 레이아웃

블록의 높이를 설정하는 속성 브라우져 화면의 100% 높이를 유지하는 레이아웃 우선 height 100%를 사용하려면 html element와 body element의 높이를 100%로 확보해 주어야 합니다. #body 는 min-height 로 100%높이를 유지 해주고, #content-area 는 원하고자 하는 컨텐츠 영역을 확보 합니다. 이때, IE 는 min-height 를 지원하지 않으므로, conditional comment를 사용하여 height를 100% 로 확보 합니다. (주석같이 보이는 부분) #head 의 높이와 #foot 의 높이가 고정이어야 한다는 제약이 있습니다...만, 거의 대부분의 웹사이트가 고정이므로 별 문제는 없으리라 봅니다.

Web story/Html 2008.05.07

[js] 내용에 따라 아이프레임 길이 변화시키기

아이프레임에 들어가는 문서가 로딩되면 자동으로 문서의 길이에 맞게 아이프레임이 늘어나고 줄어드는 스크립트입니다 제로보드 게시판 등을 아이프레임으로 불러들이면서 세로 스크롤바가 생기지 않게 하여, 원프레임 페이지처럼 보이게 할때 유용하게 사용됩니다 아이프레임이 로딩완료되는 순간 화면이 문서의 내용에따라 일순간 길어지는 단점이 있습니다. ------------------------ 적용될 자바스크립트 시작 ------------------------------------------------------------------------ ------------------------ 적용될 자바스크립트 끝 ------------------------------------------------------------..

에디트플러스 코드정리 htmlarg

htmlarg은? 에디트플러스2에 붙여쓸수 있는 태그 정리기 입니다. 복잡한 태그들과 php, js코드들을 정렬시켜줍니다. 실행파일 다운로드 : htmlarg.exe v2.0.2 소스코드 다운로드 : htmlarg.cpp 설치방법 htmlarg.exe를 다운로드를 받아 Editplus 폴더에 넣는다. 에디트 플러스를 실행,, 메뉴->도구->사용자 도구 구성 추가버튼을 눌러 위와 같이 프로그램을 추가한다. 텍스트 필터 사용에 꼭 체크한다 저장하고 사용 인수 설정방법 [들여쓰기][코드들여쓰기] [태그리스트1] [태그리스트2] [태그리스트3] ($CurSel) -------- ex) 2t D D D $(CurSel) 들여쓰기 0~9까지의 숫자, 탭문자를 이용하고 싶으면 t를 사용 코드들여쓰기 0~9까지의 숫자..

Web story/Web 2008.05.07

display 스타일 속성

개체가 표현되는가를 반환하거나 설정한다. Script object.style.display=[sVal] HTML CSS cssSelector {display:sVal;} 인수 cssSelector : (스타일 선택자) display 속성을 가질수 있는 엘레멘트( ELEMENT)나 클라스(class) 이름 혹은 인식자(id)이다. sVal : (속성 문자열) display 스타일 속성은 개체가 표현되는가를 나타내는 문자열이다. block 개체가 블럭엘레멘트로 표현된다. none 개체가 디스플레이되지 않는다. inline 디폴트이며, 개체가 내용의 크기에따라 인라인 엘레멘트로 표현된다. inline-block 개체가 인라인으로 표현되지만, 개체의 내용은 블럭 엘레멘트로 표현된다. 인접 인라인 엘레멘트는 간격..

Web story/CSS 2008.04.22
반응형