전체 글 썸네일형 리스트형 display:inline; 옆으로 늘어선 블럭들 짜보기 .taglog { margin:0 0 20px 0; background:#f6fafb; border:solid 4px #e7eff2; padding:13px 11px 13px 11px; } .taglog .a{ display:inline; } -------------------------------------------------- 웹 2.0 옆으로 늘어선 블럭들 짜보기 .taglog { margin:0 0 20px 0; background:#f6fafb; border:solid 4px #e7eff2; padding:13px 11px 13px 11px; } .taglog li{ display:inline; } 같은 모양으로 출력 --------------------------.. 2008. 1. 8. 19:20 더보기 float된 엘리먼트와 감싸는 블럭의 백그라운드 문제 float:left, float:right 속성의 엘리먼트만을 포함한 블럭에 백그라운드를 적용했을때, float된 컨텐트의 높이를 잡아주지 못해서 백그라운드가 적용되지 않는다. 1. firefox의 경우 overflow:auto;를 하면 자동 클리어 (IE에 적용이 안됨) 2. firefox와 IE overflow:auto; height:지정; 양 브라우저에 모두 적용되지만, 플로우트된 엘리먼트가 지정한 height 값을 넘을 경우 스크롤이 생긴다. - 적용 예 : 높이가 정해진 디자인에 사용 가능 ex) .titleLine { overflow:auto; height:20px; border-bottom:1px solid #ddd; } .titleLine h1{ float:left } .titleLine .. 2008. 1. 8. 17:38 더보기 높이 100%의 창 디자인 요건 100px 높이 헤드 컨텐츠 영역 1 컨텐츠 영역 2 컨텐츠 영역 3 (계속 추가해서 테스트 가능) 요건 50px 높이 풋 - 출처 hyeonseok.com 2008. 1. 8. 10:15 더보기 location.href=, onClick="" 1. 현재페이지에 부를때 onclick="location.href='m01_main.html'" 1-1. 새 창에 열때 onclick="window.open('http://www.yunsoo.com')" 2. 상위 프레임에 부를때 onclick="parent.location.href='m01_main.html'" 3. 현재 페이지와 같은 레벨의 프레임에 불러올때 onclick="parent.프레임네임.location.href='m01_main.html'" (parent 없이 프레임네임으로 부르면 오류) 4. 아이프레임에 불러올때 onclick="document.getElementById('프레임네임).src='m01_main.html'" 또는 경로변경 또는 window.open("주소", "아이프레임이름.. 2008. 1. 4. 17:33 더보기 cursor : hand -> cursor:pointer cursor : hand 는 표준표기 아님 파이어폭스에서 적용안됨 cursor:pointer로 표기 2007. 12. 7. 16:40 더보기 <meta http-equiv="Content-Type" content="text/html; charset=euc-kr"> utf-8 아님, 독타입 울트라에딧에서 default타입으로 저장했을때 가 head에 들어있지 않으면 파이어폭스에서 한글 깨짐 -프레임셋 페이지, 마찬가지로 내의 한글 깨져보임 utf-8 코딩 아닐때 no-BOM으로 저장하면 한글깨짐 (IE, FIREFOX 둘다해당) 웅진프로젝트 2007. 12. 6. 11:24 더보기 float 된 div를 포함한 div의 백그라운드가 안 보일때, float된 div 높이가 브라우저에 인식 안될때 clear해주는 방법 1. A에 overflow:auto; 해준다. 2. A 다음에 나오는 태그에 clear:both; 해준다. overflow:auto 자체가 clear 기능을 한다. 2007. 12. 1. 23:21 더보기 BOM utf-8 (울트라 에디트 : NO BOM으로 저장, 에디트플러스 : BOM없는 UTF-8파일 지원) 울트라에딧에서 SAVE 할때 format > UTF-8 NO BOM 으로 저장 에디트 플러스 도구>기본설정>파일 byte order mark 없는 utf-8 파일 지원 2007. 12. 1. 23:17 더보기 이전 1 ··· 37 38 39 40 다음