전체 글 496

display:inline의 잘못된 오해

1. display block Element 를 정렬할때 display: inline; 이나 float를 사용한다고 알고계시는 퍼블리셔들이 몇명이있다. 하지만 display경우에는 말그대로 디스플레이될 상태를 설정하는것이다. 즉 ! inline 레벨로 할것이냐 block레벨로 할것이냐 아니면 숨길것이냐를 설정하는것이다. 예전에 어딘가에서 display: inline; 과 float:left;를 같은 용도로 정렬로 사용하는데 차이점을 묻는 글을 본적이 있다. block을 inline으로 하면 자연스럽게 인라인의 특징인 left정렬이 되는것이 당연하다. 예를 들어 span도 inline요소이다 이녀석을 aaaaaa 당연히 left정렬이 된다. 하지만 block요소들은 float로 설정하지않은이상은 떨어져서 ..

Web story/CSS 2008.05.07

웹표준을 준수라려면 지켜야 할 3단계

카페 > 하드코딩하는사람들 | 나나 http://cafe.naver.com/hacosa/1699 1) 올바른 DOCTYPE 사용하시기 바랍니다. 작업중, 작업완료 후 이 DOCTYPE이 아닌데 하고 바꾸면 맞는 형태가아니기 때문에 화면이 제대로 표현되지 못합니다.. 지대로 된 DOCTYPE 선언은 웹표준 문서작성의 기본입니다^^;; 올바른 DOCTYPE 선언하지 않으면 브라우저들은 그들의 표준방식을 취할 것이고 그것은 페이지를 모두 잘못되게 표시한다고 하네요.. 2) 유효한 코드를 사용하시기 바래요 유효성체크기는 당신의 HTML과 CSS 문법이 올바른지 확인하기 위해서 체크합니다. 그리고 오류와 애매함에 대해 알게 해줍니다. 어떻게 오류를 고쳐야 하는지 알려줍니다. 그러나 보통 실수들은 꽤 명백해서 몇번..

Web story/웹표준 2008.05.07

탭목록 최소이미지 간단작업

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

Web story/Html 2008.05.07

LABEL태그를 이용해 보세요

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

Web story/Html 2008.05.07
반응형