본문 바로가기

HTML6

A4 용지 출력 웹페이지에서 프린트 출력할때 유용합니다. HTML A4 용지 세로 1 이어서 A4 용지 세로 2 이어서 A4 용지 세로 1 분리 A4 용지 세로 2 분리 A4 용지 가로 A5 용지 세로 A5 용지 가로 A3 용지 세로 A3 용지 가로 CSS body { background: rgb(204,204,204); } page { background: white; display: block; margin: 0 auto; margin-bottom: 0.5cm; box-shadow: 0 0 0.5cm rgba(0,0,0,0.5); } page[size="A4"] { width: 21cm; height: 29.7cm; } page[size="A4"][layout="portrait"] { width: 29.7cm; he.. 2016. 9. 23.
IE 10 이상으로 셀렉트박스 아이콘 숨기기 셀렉트 박스를 배경이미지로 넣어 커스텀으로 사용하려 했는데,인터넷 익스플로러에서는 적용이 되지를 않는다. 구글링 해서 찾을 결과 10이상으로는 적용이 되는것 같다. 내가 테스트 해본 결과로는 11 이상이었다. select::-ms-expand { display:none; } 2015. 5. 8.
이미지 맵 이미지맵하나 만드려는데 드림위버까지 키는건... 리소스 낭비를 떠나서 기분이 매우 별로다. 로딩이 매우 빠르다 해도.. 기분이 별로더군. 그래서 오래전에 찾아서 쓰던건데 갑자기 찾을때 없어서 일단 포스팅 해둬야겠다능;;; 아래 이미지 밑에 링크를 통해 다운받으세요.^^ 2012. 3. 13.
최고의 HTML 편집기가 궁금합니다. 물론 모두들 각자의 작업방식이 있겠지만 나 같은 경우에는 울트라 에디트로 HTML 코드를 작성하였습니다. 그런데 현업에서 종사하고 있는 모두들 사용하고 있는 편집기들은 제각각이더군요. 하지만 생산성 향상을 위해서 정말로 빠르고 성능 좋은 HTML 편집기를 사용하고 싶습니다. 제 블로그에 방문해주신 웹에서 종사하고 계신 프로페셔널하신 엔지니어 여러분들의 답변좀 부탁드립니다. 그리고 답변과 경험을 토대로 각각의 편집기들에 대해서 리뷰를 작성할 예정이니 많은 도움 부탁드립니다. 2011. 11. 9.
HTML UI 구성 이번에도 간단하게 HTML과 CSS 로 UI 를 구성하는데, 나름 괜찮은 방법이기에 다시 포스팅을 한다. 이미 모두 사용하고 있을 수도 있지만.. 나는 기억력이 그다지 좋은 편이 아니기에 포스팅을 한다. 테스트 브라우저 : Google Chrome, IE8, IE6, FF, Opera div 태그로 UI 를 구성함에 있어 기본적인 원칙. 요소들의 배치. 이 것이 상당히 중요한 원칙이다. 이 원리를 구현하고자 테스트를 반복함으로 알수 있있다. 먼저 이러한 UI 를 구성하고자 타겟을 설정하였다. 색상으로 박스를 설정하였다. White (Background) : html, body, form, Wrap Yellow : header Container : blue Contents : brown box1 : cya.. 2010. 11. 17.
HTML UI :: 세로 100% 설정 다시 포스팅을 합니다. http://www.jkun.net/258 -> 이 링크를 참조하시는게 더욱 좋을 듯합니다. 아래 포스팅은 이전에 테스트를 하였었습니다. 새로 작성된 포스팅을 확인하시면 더 좋을것 같습니다.^^; 혼랸야기 죄송~ 검색엔진에서 뒤지다 보니 세로 100%, CSS 세로 100% 등등 많은 포스팅을 볼수가 있었다. 물론 테스트를 거치다 보니 옳은 내용이었으나.. 나의 잘못된(?) 코드 작성 습관으로 인하여 삽질을 면할수가 없었다. 일단 기본적으로 나의 HTML UI 구성코드는 이렇다. HTML UI Testing CSS html, body {width:100%; height:100%; margin:0; padding:0;} #divWrap {width:100%; height:100%; .. 2010. 10. 29.