Ezcode

이미지를 브라우저 크기에 맞추어 풀사이즈로 보여주게 하고 브라우저 크기가 줄어들더라도 센터를 유지하면서 작아지게 하도록 하려 한다. 그리고 1개의 이미지가 아닌 여러장을 나열하는 방식으로 코딩하려고 하는데 background-size:cover 라는 스타일 자체가 익스 9버전부터 작동한다고 해서 찾아봤다. backgroundsize.min.htc 을 이용해서 스타일을 주고 width는 100%, height는 원본 이미지의 크기로 설정한다.

팝업창을 띄우고 보니 크롬에서만 스크롤바 제어가 되지 않았다. scrollbars=no 옵션이 듣질 않는건지 모르겠지만 결국 팝업창의 내부에서 css로 해결하였다.

php나 mysql로 인한 데이터의 길이를 측정할수 없고 그 형태가 자유로울때 html상에서 select box 혹은 유사한 형태의 길이는 표현하고자 할때 그리고 길이가 아주 작을땐 일정의 최소값(minimum width)를 지정하고자 할때 필요했다. 선택하세요. 엄청 길게 들어올때 어떻게 될까요. min-width는 padding,margin,border값이 포함되지 않는 값이고 모든 브라우저에서 동일 사용 가능하다.

// background-image // background-repeat : 배경이미지의 반복을 하지 않을때 // background-position : 배경이미지의 지정된 블럭내에서 원하는 위치에 출력하고자 할때 // 가로(left, center, right), 세로(top, center, bottom) // 50% 50% // 20px 30px // 위와 같이 다양한 방법으로 배치할 수 있다.

한글이겁나긴데이걸어뜨케할까요?ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ php나 js로 글자를 자르다 보면 한글과 영문 숫자의 넓이 단위가 틀리고 바이트단위로 자르기 때문에 일괄 이쁘게 잘리지가 않는다. 하여 div로 자르는 방법도 메모한다.

익스6의 마진적용기준이 다른관계로 크로스브라우징의 어려움이 있는 요소 checkbox 100%는 아니지만 속도가 생명인 이바닥에 ㅡ_ㅡ;; 메모해둔다. 선택1 선택2

none : 기본값, 텍스트 기본 underline : 앵커 태그와 같은 밑줄 효과를 적용 합니다. overline : 윗줄 효과를 적용 합니다. line-through : 중앙에 줄을 적용 합니다. 효과 blink : 깜박이 효과를 적용 합니다. (넷스케이프 4.0 이상) [출처] 스타일시트 text-decoration 글씨에 효과 |작 성자 못LrLl

div가 아닌 table 코딩인데도 불구하고 이미지위로 1px이 떨어지는 버그발생 크롬, 파폭 이상무 골때리는경우때문에 30분 잡아먹음 ㅠ_ㅠ table도 tr도 td도 아닌... A 태그에 style="vertical-align:top;" 추가하여 처리 2012-11-18 [추가] 익스8에서 같은 현상 발생td안에 div에 height가 1px인 bg를 사용할때 font-size:1px 추가로 해결

크롬(chorme) 브라우저에서는 textarea 가 자동으로 resize 기능이 되어 로드된다. 이점이 좋을때도 있지만 사실상 안좋을때가 더 많다. 이 기능은 스타일 추가로 막을수 있다.