WEBPI's Markup && Css Developer

만만하게 볼 작업만은 아니네요^^;; 이미지를 변경하시거나 소스를 수정해서 직접 만들어 보세요 모두 고마우이..ㅎㅎ 층별 안내 B1 1F 2F 3F 4F 5F 6F 잠깐의 틈을 타.. 작업하던 중 응용해서 만들어 봤어요... 아웅~ 신나! 지식이 기술을 낳습니다... 보다 업그레이드 해서 작업해보세요 ㅎㅎ 디따조아, 디스타일의 도움을 받아.. 여러가지 사실을 캐치.... 뜻깊은 하루 되었습니다.. 작업 후 style은 css문서로 빼셔야 겠죠..ㅎㅎ 출처 : 하코사 나나님

이 LABEL 태그를 잘 활용하면 라디오 버튼, 체크 박스, 입력 상자 등의 폼 컨트롤을 직접 선택하지 않고 텍스트만 눌러도 폼 요소가 선택이 되는 효과를 나타낼 수 있습니다. LABEL 태그는 일반적으로 잘 사용하지 않는 태그 중 하나입니다. 테스트결과 ie에서 동작합니다. 파폭이나 오페라에서도 동일한 효과를 나타내려면 어떻게 해야할까요?^^ 제가 생각하는 label 태그를 이용하면 ie에서나마 웹접근성이 높아지는 효과를 볼 수 있는거 같습니다.. label 미지정: 홈으로 이동하기 label 지정: 홈으로 가기 출처 : 하코사 나나님

a 태그의 사용성과 접근성. a 태그의 개요 a 태그의 어원에 해당하는 말은 anchor 입니다. 즉, 우리말로 직역하면 ‘닻’ 이라는 뜻이고 의역하면 ‘연결’ 이라는 의미가 됩니다. 그리고 a 태그는 href 라는 필수 속성을 갖는데 이것의 어원은 Hyper text REFerence 입니다. 즉, 무언가를 참조하라는 뜻이고 a 태그는 결국 다른 어떤 자원을 ‘참조’ 하라는 연결의 의미를 갖습니다. Web 이라는 거미줄을 짓는데 있어서 가장 중요한 태그입니다. 우연의 일치인지는 모르겠지만 어쨌든 W3C의 HTML 요소 색인 페이지를 보아도 a 태그는 HTML 요소(Element) 가운데 가장 먼저 소개됩니다. abc 순으로 정렬되니까 당연히 그렇겠죠.^^ 이렇게 중요한 태그를 우리는 그동안 너무 쉽게 ..

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

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