퍼블리싱 이야기 퍼블리싱 이야기

publishing/HTML & CSS

• overflow 속성팁

  publishing/HTML & CSS 2014. 3. 21. 02:31

  출처 : http://css-tricks.com/the-css-overflow-property/ overflow의 각 속성값 visible, hidden, scroll, auto 에 대해 예시를 들어 설명해줌.

  Read More
• IE6 PNG 초 간단하게 적용

  publishing/HTML & CSS 2014. 3. 15. 00:34

  http://www.colorzilla.com/gradient-editor/css3 gradient generator 를 이용하면opacity가 적용된 background color 를 ie 7 까지 무난하게 적용된다.filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */ 출처 :http://sir.co.kr/bbs/board.php?bo_table=pb_tip&wr_id=2326그밖의 방법..1. Javascriptfunction setPng24(obj) {obj.width=obj.height=1; obj.className=obj..

  Read More
• li 와 line-height 그리고 ie7

  publishing/HTML & CSS 2014. 3. 11. 16:24

  li요소는 상위부모의 line-height 를 상속을 받는 놈이다.보통 body 에서 line-height 를 설정해놓곤 한다. 예) body{ font:12px "돋움"; line-height:18px;}최신 브라우저에서는 별 문제 없이 li의 상속받은 line-height는 무시되고, 내용물 공간만큼만 높이값을 갖는다.그러나 ie7 에서는 li가 line-height:18px 값을 상속받아, 그만큼의 높이값을 갖게 되어보이지 않는 공간만큼 예상치 못하게 밑으로 밀리는 일이 발생한다. 해결방법.그래서 ul > li > a > img 감싼 것을 (굳이 li로 감쌀필요없다면)div > a > img 로 변경하여 ie7 에서 나타나는 쓸데없는 line-height 공간을 해결할 수 있다.(즉, 필수적이지 않..

  Read More
• Doctype 모음

  publishing/HTML & CSS 2014. 3. 6. 04:04

  HTML 4.01 DOCTYPE XHTML1.0 DOCTYPE 프레임셋 이용시 DOCTYPE. 현재 많이 사용X XHTML 1.1 DOCTYPEXHTML1.1 은 1.0을 수정해 만든 것으로 DOCTYPE을 간소화 해버리고, frameset을 인정하지 않는다. 따라서 하나의 DOCTYPE만 가진다. HTML5 DOCTYPE[출처] [倪_Study] HTML 이란, HTML DOCTYPE, HTML 구조|작성자 꼬꼬냥

  Read More