I LOVE EJ

익스플로러에서도~ 파이어폭스에서도 투명하게 보이게하려면 위와같은 소스를 쓰자~ 익스플로러에서 주로 사용하는 요 소스로는 파이어폭스에서는 투명하게 보이지 않음

- 마크업 및 CSS 구현 팁 1. 전체적인 컨텐트를 파악 및 제작 후, 구조를 위한 마크업에 들어간다. 2. 제목테그 및 구조적 마크업과 동시에 HyperText 링크가 걸려있는 컨텐트에 마크업을 진행한다.   ..  디자인요소 * 기본적인 구조 설계 후, xHtml작업 진행 시 * id&class 네임은 컨텐트의 의미에 맞게 사용한다. 3. 그룹핑을 통한 id&class 네이밍 후, 이미지를 제작한다. 4. 제작된 이미지 중 컨텐트의 구성요소는 html에 삽입 한 후, css 배경을 넣는다. 5. CSS로 디자인 레이아웃을 잡을 경우, 마진값과 패딩값은 반드시 한쪽 방향으로만 사용한다. * CSS파일 생성시 전제 선택자를 통해 마진값과 패딩값을 “0”으로 지정하고, ol, ul, li, hr의 ..

HTML5에서 삭제된 태그 HTML5에서 생성된 태그 태그 설명 버전 속성들 주석 ? Comment 4 / 5 없음 문서 타입 ? document type 4 / 5 없음 하이퍼링크 ? hyperlink 4 / 5 href | hreflang | media | ping | rel | target | type 약어, 약자 ? abbreviation 4 / 5 Global Attributes 두문자어 ? abbreviation 4 - 주소 요소 ? address element 4 / 5 Global Attributes 애플릿 ? applet 4 - 이미지맵 범위 ? area inside in image map 4 / 5 alt | coords | href | hreflang | media | ping | r..

하단에 clear하는 방법1 #ID OR .Class{zoom:1;} /* 익스6 */ #ID OR .Class:after{content:" ";display:block;clear:both;height:0;visibility:hidden;} 하단에 clear하는 방법2 .f-clear:after { content:"."; display:block; clear:both; height:0; visibility:hidden; } .f-clear { display:inline-block; } * html .f-clear { height:1%; } .f-clear { display:block; } 상단 위치 맞추기 .Cnt1{display:block;} .Cnt2{display:block;float:right;m..

IE6에서 PNG 이미지의 알파값이 제대로 표현이 되지않아 투명 부분이 뿌옇게 출력되어 보기가 민망하다. 다음 압축파일을 다운로드 받아 blank.gif, iepngfix.htc을 가져가서 사용하기 바란다. ie6png.rar ie6png.rar 파일을 압축해제하면 다음 4개의 파일을 볼 수 있다. blank.gif iepngfix.htc index.html sample.png 위의 파일중 실제로 필요한 파일은 blank.gif, iepngfix.htc 파일 두 가지다. index.html, sample.png 파일은 샘플파일이다. IE6에서 PNG 투명처리를 위해서는 두 가지만 설정해주면 된다. 먼저 CSS 정의 부분이다. 다음은 iepngfix.htc 파일 14번째 라인에 있는 blank.gif 경로..

PNG-24 Check CSS/JS 가장 많이 알려져 있는 방법으로 인터넷 익스플로어의 필터속성을 이용하여 png의 투명/반투명 효과를 만들어준다. 자바스크립트로 작성된 png를 투명하게 처리해주는 스크립트를 작성하고, 이를 stylesheet에서 호출하는 방식이다. 하지만 이 방법의 경우 IMG Element에서만 적용할수 있다는 단점이 있고, 투명 배경 처리를 위해서는 .bgIE6과 같이 별도의 스타일을 지정해줘야 한다. Stylesheet .png24 { tmp:expression(setPng24(this)); } Javascript function setPng24(obj) { obj.width = obj.height = 1; obj.className = obj.className.replace(/\..

웹표준 웹표준 너도 나도 웹표준!! 하면서 어느 순간 table 구조는 구시대적인것이 되었고 div는 신기술처럼 느껴지기 시작했다. 왜 그럴까? 일단 table 구조를 div로 바꾸고 font, b같은 태그들을 스타일시트(css)로 사용하게 되면 html 코드 양은 반 이하로 줄일수도 있고.. 이렇게 구조와 표현이 분리되면 결과적으로 사이트의 로딩 속도도 빨라지며 코딩과 유지보수의 효율성이 증대된다. 표준을 지킨 사이트에서는 오히려 코드의 양이 줄고 속도가 늘어나며 재개바라 효율성이 증대 된다는 것이다. css를 이용해 구조(html)와 표현(css)을 분리해주면 구조는 변하지 않은채 여러가지 디자인을 적용한다거나 상황에 따라 쉽게 디자인을 변경하는것이 가능해진다,. 상호 호환성은 표준 웹 기술을 채용하..

테이블은 이제 그만 쉬어야 할 때. 원문 : http://ilmol.com/wp/2005/06/09/25/ 테이블은 이제 그만 쉬어야 할 때. 06092005 테이블(html의 table 을 칭함)은 이제 목적 이상의 일을 할 필요가 사라졌습니다. 그저 단순한 “표” 를 만들기 위해서 제작된 테이블이 레이아웃, 즉 홈페이지 틀을 잡기위해서 쓰이고 있다니. 그리고 그것이 테이블의 맞는 용도처럼 교육되고 있다니 이제는 슬슬 멈추어야 할때라고 봅니다. 특히 XHTML이 개발되어 나오면서 계층형과 같은 구조로 레이아웃은 디자인되며 디자인이 우선이 아닌 그 안의 내용의 구성을 먼저 생각해야하는 개념 자체의 변화가 찾아오고 있습니다. 아니, 예전 html 생성되었을때의 원래의 개념으로 돌리려고 하고 있습니다. 얼마..