xhtml 썸네일형 리스트형 checkbox 하나만 선택되게 하기 function doOpenCheck(chk){ var obj = document.getElementsByName("aaa"); for(var i=0; i 더보기 유용한 링크 모음 http://www.htmlkorea.co.kr/ http://jsfiddle.net/ http://cssizer.com/ http://plunker.no.de http://www.askthecssguy.com/kotatsu/index.html //테이블 코드 생성기 http://dean.edwards.name/packer/ //js 압축기 http://jsbeautifier.org/ // js 압축풀기 http://noisepng.com/ //배경색 Noise 생성기 http://kuler.adobe.com/#themes/rating?time=30 //색아이디어 http://www.crockford.com/wrrrld/color.html //색상키워드 http://prefixr.com/ //CSS 접두.. 더보기 레이어 팝업 하루동안 열지 않기 스크립트 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml" xml:lang="ko"> http://www.shinhaninvest.com/sp/index_event.jsp" /> 더보기 메일 제작시 주의사항 MS아웃룩에서 더이상 지원하지 않는 HTML의 기능 •no support for background images (HTML or CSS) •no support for forms •no support for Flash, or other plugins •no support for CSS floats •no support for replacing bullets with images in unordered lists •no support for CSS positioning •no support for animated GIFs 자세한 내용은 아래 페이지를 참고하면 된답니다. Campaign Monitor - Microsoft takes email design back 5 years 더보기 네이버 웹 표준 사이트 http://html.nhndesign.com/ 더보기 first-child ie7 버그 first-child ie7에서만 적용 안되는 버그 ' (괜찮음) (first-child 적용할 상단 클래스 옆에 주석을 달면 ie7에서 적용이 안됨) (괜찮음) 44 55 66 77 111 222 333 ------------------------------------------------ ie9 개발자도구 브라우저 모드 ie7버전에서 확인 더보기 border-collapse:collapse; display:none; 버그 ie8 9, 크롬, 파이어폭스 base 기본 css에 border-collapse:collapse; 를 적용한 상태에서 table 태그 안에 있는 border값이 3px 이상 적용시 값이 제대로 나타나지 않는 버그가 있다..(값을 2px를 줬는데 1px로 표시됨..) 확인 브라우져 ie8, 9 / ff / 크롬 [ie7은 적상적으로 구동됨] border값이 제대로 표시가 되지 않는 경우가 있다 table 태그에 cellpadding="0" cellspacing="0" 적용후 적상적으로 출력되었다 더보기 HTML - viewport meta 태그 개요 모바일 웹 페이지를 구현하기 위한 기본적인 기술에 대하여 알아봅니다. 일반 웹 페이지를 구현하는 기본적인 방법을 이용하여 약간의 방법만 추가한다면 손쉽게 모바일 웹 페이지를 구현할 수 있습니다. (사용 모바일 브라우저 : 모바일 사파리) 문제점 및 결과 01 02 03 04 05 모바일 페이지를 구현하기 - viewport meta tag 06 07 08 09 hello moibile web 10 11 12 위에 작성 된 마크업 페이지를 모바일 사파리로 접속하였습니다. 모바일 브라우저에 맞지 않게 글자가 너무 작게 출력되어 확대를 하지 않으면 볼 수가 없습니다. 이는 width값이 적절하게 표현되지 않은 문제에서 비롯됩니다. 작은 화면에서 일반 웹 페이지와 동일하게 렌더링되어 보여주기 때문입니다. .. 더보기 파이어폭스 li 버그 파이어폭스 li 버그 ul li를 기본으로 해서 이미지를 리스트 식으로 아래로 나열하는데 간격조정을 하려고 보니.. 이미지 간격이 파이어폭스만 특별히 크게 간격이 떨어지는 버그가 생기는듯 싶다 이럴때 line-height:0px; 을 주면 된다고 한다 익스에는 기본적으로 line-height간격을 가지고 랜더링을 하기 때문에 기본 글자 크기가 달라지면 line-height 값을 다시 지정해주어야한다 더보기 zen html http://code.google.com/p/zen-coding/wiki/ZenHTMLElementsEn 더보기 input 스타일 더보기 플래시와 xml 플래시와 XML (Extensible Markup Language) 1. XML이란? XML을 사용하기 위해서 두가지를 이해해야 하는데, 하나는, XML이란 무엇인지 이해하는 것이며, 다른 하나는 플래시에서 XML은 어떻게 다루는 지를 이해하는 것이다. 1. XML 역사 - 1998년 2월 WC3에서 XML 1.0이라는 이름으로 발표. - SGML(Standard Generalized Markup Language)는 XML의 어버이 언어인데, 이 언어는 1986년에 ISO에서 제정한 것으로 웹에서 사용하기 쉬운 기능을 뽑아 가변게 만든 것이다. - SGML은 서로 다른 컴퓨팅 환경에서 컴퓨터간 문서 교환을 주목적으로 만든 마크업 언어며, 이 이후에 SGML을 응용하여 HTML과 XML이 웹에서 문서를 꾸.. 더보기 img 태그에 width와 height 속성이 필요한 이유 출처 : http://blog.wystan.net/2007/08/01/img-tag-with-width-and-height 앞서 포스팅한 HTML Transitional과 Strict 규격 비교라는 글에서 엄격한 문서 타입(Strict DTD)에서는 ‘표현(presentation)’을 담당하던 속성들이 대부분 사라졌다고 알려드린 바 있습니다. 하지만 일부 태그에는 여전히 표현을 나타내는 속성이 남아있는데 그 중의 하나가 img와 object 태그에 사용되는 width, height 속성입니다. W3C가 이 속성들을 삭제하지 않은 이유를 이미지의 가로와 세로 크기를 지정하는 것이 페이지 로딩 속도 향상에 도움이 되기 때문이라고 설명하기도 합니다. 하지만 그런 효과는 부수적으로 얻어지는 것이고, 해당 속성이.. 더보기 div 태그로 짠 테이블 ---------------------------------css--------------------------------- @charset "utf-8"; /* CSS Document */ * html, body {height: 100%} body { margin: 10px auto; text-align:center; } #container { width:790px; border:1px solid red; } #header{ height:100px; text-align:center; border-bottom:1px solid red; } #middle #left, #middle #center, #middle #right {float:left;} #middle #left .left.content.c, #.. 더보기 웹 표준 코딩 -원본- -제작- 더보기 xhtml 꾸미기 =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= html -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= 테이블 꾸미기 XHTML 이름 전공 연락처 테이블 꾸미기 테이블 꾸미기 XHTML ===============================================CSS========================================== @charset "utf-8"; /* CSS Document */ #t1, #t1 tr, #t1 td{border:1px solid #000; border-collapse:collapse; border-left-style:none; border-rigth-st.. 더보기 이전 1 2 다음
