Web/HTML 썸네일형 리스트형 colgroup 작성시 주의해야 할 사항 아무생각없이 colgroup을 사용해 왔지만 브라우저마다 혹은 html버전에 따라서 다르게 보여지는 것을 최근에 들어서야 확인을 했다. 이전에는 아래와 같이 사용했었다. 하지만 html5에서는 col width를 허용하지 않기 때문에 다르게 적어줘야 한다. 또한 col width를 쓰게되면 브라우저별로 다른 결과값이 나오기 때문에 아래처럼 바꿔주고자 한다. 더보기 해당 페이지 고유주소를 클립보드로 복사하는 방법 출처 : http://viewit.kr/780 더보기 [ie7 버그] 링크영역이 제대로 잡히지 않는 문제 http://blog.daum.net/0fantasy/42 더보기 ie7 이하 버전에서의 z-index 버그 유독 ie7이 말썽이 많다.position:relative값을 가진 엘리먼트가 position값을 사용한 엘리먼트를 감싸게 되면 해당 엘리먼트의 z-index값을 0으로 만들어 버리는 문제가 생긴다. 즉 자식요소에 z-index값을 줘도 부모요소가 position:relative라면 ie7에서는 z-index의 값이 0이 되어 무시되버린다. 대안으로 부모 객체의 z-index값을 더 높이 설정해주면 정삭적으로 보이게 된다. 더보기 디바이스별 viewport 설정 디바이스별 viewport 설정. 더보기 HTML5앱 viewport 공통설정 mj.viewport.js 라이브러리 출처 : 김명준님 티스토리 http://html5dev.kr/m/218 JS 라이브러리 파일 주소관련 사이트: https://github.com/mjpress/mj.js.lib 이 라이브러리는 HTML5용 모바일용 웹앱을 만들 때 스마트폰이나 타블렛에서 각각 다른 행상도를 가진 기기에 따라 보통 개발자가 일일이 대응해야 하는데 그것을 간단하게 헤결하기 위해 앱에 viewport를 설정하게 됩니다. viewport는 앱에서 설정하는 가상 화면폭으로 이것을 설정해 두면, 개발자가 이 가상 화면 폭에 맞춰 개발하게 됩니다. 기기로 실행했을 때 기기의 실제 크기에 자동적으로 화면폭을 맞춰 줌이 되도록 설정합니다.아래와 같이 meta태그에 추가만 하면 기기별로 대응하는 코드를 작성하지 않아도 됩니다. 위와 같이 .. 더보기 레이어팝업 오늘하루 더이상 보지 않기 더보기 이미지 썸네일 사용시 롤오버 테두리 만들기 예를 들어 위와 같은 소스가 있을때, css는 #tset_box ul li a {display:block; border:1px solid #dfdfdf}#test_box ul li a:hover {display:block; border:2px solid #ec008c; overflow:hidden}#test_box ul li a:hover img {margin:-1px} 더보기 이전 1 2 3 다음
