전체 글 썸네일형 리스트형 <a > display: block;으로 버튼화 a, a:link, a:visited, a:hover, a:active{ display: block; padding: 5px 5px 5px 5px; margin-bottom: 0px; text-decoration: none; line-height:1; color:#7e7e7e; } 2008. 2. 8. 02:28 더보기 보더처리된 넓이 100%, 높이 100% 팝업 또는 레이어 . 컨텐츠 영역 1 컨텐츠 영역 2 컨텐츠 영역 3 (계속 추가해서 테스트 가능) . 2008. 1. 28. 18:09 더보기 이미지 하단 여백 없애기 li 마진, 패딩 모두 0으로 해도 하단에 약간의 여백이 생긴다. 이런 식의 코딩에서도 마찬가지 이때 img { vertical-align:bottom; } 정의해줘서 해결 가능 2008. 1. 11. 22:52 더보기 폰트사이즈 테스트 body { font-size:0.75em; } body { font-size:75%; } 브라우저 셋팅이 "텍스트 크기 : 보통"으로 되어있을때 font-size:9pt;에 해당하는 값 2008. 1. 8. 19:37 더보기 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 더보기 이전 1 ··· 40 41 42 43 44 다음