http://en.wikipedia.org/wiki/Web_colors 

– 출처 :  http://stackoverflow.com/questions/3680429/click-through-a-div-to-underlying-elements – * 일반적인 CSS pointer-events:none; background:url(‘your_transparent.png’);   * IE를 위한 예외처리  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’your_transparent.png’, sizingMethod=’scale’); background:none !important;

* 해결 방법    가운데 정렬시키기를 원하는 block 속성 엘리먼트(ex: div)의 style속성을 다음과 같이 지정   (widh는 %나 pixel이나 관계없지만 반드시 숫자로 지정해 주어야 한다.)    style=”margin-left:auto; margin-right:auto; width:xxx” * 참고 링크    CSS Horizontal Align

* 대략 아래와 같은 형식임    자세한 내용은 링크 참조 <meta http-equiv=”X-UA-Compatible” content=”IE=8,chrome=1″/> * 참고 링크    – Specifying Document Compatibility Modes (MSDN)   – Force IE9 to emulate IE8. Possible?   – X-UA-Compatible Meta Tag   – X-UA-Compatible META tag를 삽입하였으나 작동하지 않을 때   – Implementing the META Switch on Apache

* html 코드 <!– 버튼들이 위치할 td –><td>     <!– 버튼들을 한 덩어리로 묶는 div –>     <div class=”inGridBtns”>        <!– 버튼들. background 이미지로 버튼임을 표현함 –>         <div onclick=”a()”></div>        <div onclick=”b()”></div>        <div onclick=”c()”></div>    </div></td> * css 코드 .inGridBtns {  display:inline-block; /* inline-block이어야 자식객체의… Read More »

다른 브라우저는 다 인식하는 것 같은데,  구글 크롬(chrome)은 테이블 안에 있는 폼(form)을 인식하지 못한다. 웹표준도 아니라고 하니 이렇게 사용하지 말자!!! * 참고 위의 경우 디버거 등에서 보면, 실제 소스에는 form 태그 안에 <tr><td>등이 들어가 있음에도,<form id=”xxx”></form> 처럼 바로 태그가 닫혀 있음을 볼 수 있다. 그래서 jQuery등으로 하위엘리먼트들을 찾으면 찾을 수가 없게 되는 것이다. 그러나 jQuery의… Read More »

– 출처 :   http://dancer.tistory.com/126  – CSS로 Layout을 잡을 때 inline element 사이에 block element를 넣고 싶을 때가 있습니다. 하지만 div같은 block element를 사이에 넣는다면 새로 줄바꿈이 되어 element들이 포지셔닝하게 됩니다. 기본적으로 inline element가 block element를 포함할 수 도 없습니다. 그럴 때 inline-block display 속성을 사용한다면 원하는 방식으로 동작시킬 수 있을 것입니다. inline-block 속성은 매우 유용한… Read More »

CSS position Property 웹표준(0102) 포지션(POSITION) 알아보기 – ① absolute, relativeCSS | Position – static, fixed, relative, absolute

http://www.w3schools.com/cssref/pr_text_white-space.asp