background
IE에서 줄이 나뉘는 인라인 블록의 배경 이미지가 안나오는 오류
레퍼러 페이지하단의 검색 엔진 아이콘과 같이 인라인 텍스트에 배경이미지를 적용한 경우, IE에서는 줄이 나뉘게 되면 배경 이미지의 위치가 이상하게 변경되어 이미지가 나오지 않는다. 이러한 현상을 아래의 방법으로 해결할 수 있다.
.nowr a.external { white-space: nowrap; position:relative; }
Articles
Components
HTML
CSS
- CSS3
- CSS3 background
- CSS3 border
- CSS3 transition
- CSS3 2D transform
- CSS3 3D transform
- CSS3 Fonts basic properties
- CSS3 Selector (TBD)
- 링크 걸린 이미지의 경계선 없애기
- 세로정렬 속성으로 이미지 아래의 여백 조정
- 줄간격 속성을 이용한 이미지를 세로 방향 중앙 정렬
- 표시 속성 조정으로 텍스트 링크를 버튼처럼 사용하기
- cellpadding, cellspacing속성 없이 여백없는 table 만들기
- 높이를 100%로 유지하는 레이아웃
- IE 플로트 블록의 마진이 두배가 되는 오류
ETC.
- 주요 W3C 기술 문서
- 웹 에디터
- 한글 공개 서체
- 웹폰트
- 브라우저
- 브라우저 테스트 도구
- 모바일 브라우저 테스트 도구
- 모바일 브라우저 원격 디버깅 도구
- 웹 페이지 분석 도구
- 스크린 리더
- 웹표준 테스트
DEPRECATED
HTML
- Document Type Definition: 문서형 선언
- object: 오브젝트 요소와 대체 콘텐츠, 표준에 맞는 플래시 무비 삽입
- select: 인터넷 익스플로러의 선택 요소가 아이프레임을 뚫는 현상
- frame: 인터넷 익스플로러에서 표준 DTD 때문에 프레임셋에 생기는 스크롤바 제거
CSS
- clear: Float Element만 포함한 블록을 클리어하는 방법
- margin: 여백 속성을 이용한 컨텐츠 블록의 중앙정렬
- position: 화면 정 중앙에 위치하는 블록, IE에서 fixed 포지션 사용
- scrollbar: IE 스크롤바 디자인 변경
- display: IE에서 display: block을 사용할 경우 리스트 하단의 여백 없애는 방법
- background: IE에서 줄이 나뉘는 인라인 블록의 배경 이미지가 안나오는 오류
Code snippet
- window.open: 팝업창의 사용자 접근성 높이기
- document.getElementsBySelector
- addEvent, removeEvent (via QuirksMode)
- Rollover Image
- CSS3 Background Image Layering
- className: 동적으로 class 바꾸기, Mouseover 시에 class 바꾸기
- ListItemHeight: 리스트 항목의 높이 맞추기
- Toggle List
- Tab: 탭 컨텐츠
- Cookie: 쿠키를 이용한 팝업 제어
- Iframe: 아이프레임 크기 조절
- Menu
- PNG: IE에서 PNG 포맷의 이미지 사용
- Flash Object를 Active-X로 바꾸기
- MediaEmbed: 미디어 불러오기
- Minimize Windows (Windows IE only)
- Ticker
- Slide: 컨텐츠 슬라이드
- Scroll: 컨텐츠 스크롤
- SmoothMovingLayer: 스크롤 따라 부드럽게 움직이는 레이어
- MessageLayer
- Library: 각종 자바스크립트 라이브러리
- sIFR: 플래시를 이용한 서체 변경
- 정규식: 각종 정규식 필터
- 문자열 바이트 처리
- 팝업창에 POST 값 전달하기
ETC.
- 웹표준(Web Standards)
- 테이블 레이아웃과 CSS 레이아웃
- 웹표준 커뮤니티
- 웹표준 서적
- 웹표준 교육
- 국내 웹표준 주요 이슈
- CssTemplate: CSS 템플릿 다운로드 사이트
- 저작 도구
- Include: 문서포함 방법
- 브라우저 통계