HTML 썸네일형 리스트형 CSS와 jQuery의 Selector 같은 코딩 페턴으로 Html, CSS을 렌더링 해 주는 Zen Coding을 알고 계십니까? 얼마전 Editplus 버전을 업데이트 했습니다. 잠깐 테스트 용으로요.. 그런데 왠 못 보던 메뉴가 생겼습니다. ZC라는 Zen Coding입니다. CSS나 혹은 jQuery를 많이 다뤄보신 분이라면.. 굉장히 편하게 Html을 작성 할 수 있는 코딩 도우미 입니다. 거의 모든 Editor에서 사용이 가능한 것 같습니다. vs 2010, 2012, editplus, eclips 등등등 코딩 형태는 아래와 같습니다. div#id.className>div.test 그리고 지정해 놓은 ZC 단축키를 누르게 되면 아래와 같이 확장 됩니다. div#id.className>div.test CSS나 jQuery를 많이 다뤄보신 분이라면.. 바로 알아 차릴 수 있는 직관적인 코딩 도우미라고 할 수 있겠네요!! 저 같.. 더보기 CSS Cross Browser Zoom In/Out(웹 브라우저 줌인/줌아웃) Zoom 이라는 속성이 있습니다. 값은 normal, number(scale), percentage를 받으며 적용은 아래와 같습니다. body { /* default : normal, 1.0, 100% */ zoom:1.25;/* number(scale) */ /*zoom:125%;percentage */ } script의 경우는 아래와 같습니다. $(document).ready(function() { //document.body.style.zoom = 1.00; //document.body.style.zoom = "100%"; document.body.style.zoom = "normal"; }); 적용은 간단합니다.. 이것은 IE 전용입니다. (하지만 Chrome, Safari4+ 에서도 됩니다.) .. 더보기 텍스트 말줄임 [문자열 자르기] (Text Ellipsis) 긴 문자열이나, 1byte 문자열이 쭈욱~ 있을 경우.. 레이아웃이 틀어지는 현상이 발생 될 수 있습니다. 여기서 할 수 있는 방법이 라인 변경이나, 문자열을 … 처리 하는 방법이 있는데. 오늘은 … 처리하는 방법을 알아보도록 하겠습니다. 위와 같은 형태로 처리하는 방법에 대해서 알아보도록 하겠습니다. 위 방법은 text-overflow라는 css를 이용하게 되는데 ie6, Opera, firefox 등에서는 몇 가지 추가적인 사항이 있습니다. 일단 처리된 css를 보십니다. .ellipsis{ white-space:nowrap; text-overflow:ellipsis;/* IE, Safari */ -o-text-overflow:ellipsis;/* Opera under 10.7 */ overflow:.. 더보기 IE 전용 이미지 계단 현상 없애기.. 사이즈가 맞지 않았거나 이미지를 인위적으로 줄여 놓을 경우... 이미지가 계단 형태로 깨져 보이는 경우가 생깁니다.. 그런 경우... 스타일 적용으로 아주~ 간단하게 해결 하는 방법이 있습니다.. IE에서만 작동 되며,~ FF에서는 안되는 것 같고요~ IE 8에서는 사용해 보적이 없습니다~ 결론적으로 아래와 같이 스타일에 추가하시면 됩니다~ img {-ms-interpolation-mode:bicubic;} 감사합니다~ ㅎㅎㅎ 더보기 html Table 트러짐... 숫자 영문자 자동 엔터 및 점선 표시 방법 숫자나 혹은 영문자를 띄워쓰기 없이 쓸 경우.. 테이블이 깨질 수 있습니다.. 그럴때 대비해서 태이블 트러짐을 막는 스타일이 있습니다. 참고 하세요~ 11111111111111111111111111111111111111111111111111111111111111111111 위 방법은 하나의 컬럼에 적용하는 방법이며, 자동 줄 바꿈입니다.. 11111111111111111111111111111111111111111111111111111111111111111111 sldfjsldkfjlskjdklsfjlsdfsdfsdddddddddddddddddddddddddddddddddddddddd 위 방법은 컬럼 마지막에 점선 표시하는 형태입니다.. 참고 하세요~ 참.. 까다롭습니다 ㅡ.ㅡ;;;;;;;;;;;;; 웹에.. 더보기 HTML Mailto Protocol 메일을 띄울때 내용, 제목, 받는 이, 참조자, 비밀 참조자, 첨부파일을 추가하여 띄울 수 있습니다.. subjectText to appear in the subject line of the message.bodyText to appear in the body of the message. CCAddresses to be included in the "cc" (carbon copy) section of the message.BCCAddresses to be included in the "bcc" (blind carbon copy) section of the message.Attachment첨부 파일 추가이런게 있네요~ html은 body에서 지원하지 않습니다. *_*;; 그래서 저는 포기~ 참고 소스는 아.. 더보기 HTML Tag (select box options) optgroup IE 7, FF 3에서만 확인했습니다. IE6에서 될런지 *_*;;;;;; 알 수가 없으니 확인해 보시길 바랍니다~ 므흣~ ASP PHP JSP VB C++ JAVA 위의 코드는 아래와 같은 이미지로 변환되어져 보입니다.. 더보기 이전 1 다음
