본문 바로가기

WWWEB109

메일링 코딩 CSS Support 가이드 테이블 코딩으로 "인라인스타일"로 줘서 메일작업을 넘겼으나, 개발 붙이고 아웃룩 테스트를 해봤을 때 다음과 같은 이슈사항이 생겨서 다시 재작업. -ㅁ-; 1. 모든 인라인 스타일 및 width 같은 속성 삭제됨.2. 안에는 자동으로 가 붙음.3. colspan 등이 먹지 않음.4. 닫는 태그들 모두 삭제되어 있음. -ㅁ-;5. 는 잘 나옴.6. 외부 스타일을 써보면 어떻냐는 개발자의 의견이 있었지만, 클래스 등 css 충돌 가능성이 아주아주 크기때문에 반려.ㅋㄷ7. 구글, 네이버, 네이트 등 메일에선 인라인스타일을 차단한다는 글도 있었지만, 테스트 결과 그건 사실이 아님. 문제는 이것이 아웃룩 문제인지, 아님 메일을 발송하는 에디터 문제인지 명확히 테스트할 수 없는 환경.;;; 도리도리....그래도 다시.. 2012. 11. 26.
[벤치마킹] 해피빈, 아모레퍼시픽, 일리, 위메이드, 하이트진로, 행복재단 ICT, 제일모직 빈폴, 코너스톤 인터랙티브, 하나금융그룹 웹디자인 해피빈 http://happybean.naver.com/ ... 아모레퍼시픽 http://www.amorepacific.com/index.jsp ... 일리 http://www.illi.co.kr/index.jsp ... 위메이드 http://corp.wemade.com/main/main.asp ... 하이트진로 http://www.hitejinro.com/main.asp ... 행복재단 ICT http://happyict.co.kr/ ... 제일모직 빈폴 http://www.beanpole.com ... 코너스톤 인터랙티브 http://www.cstone.co.kr/index.html ... 하나금융그룹 http://www.hanafn.com/main.do 2012. 11. 22.
[벤치마킹] 금호, 월드비전, 리드웹, 건대병원, SK, SK planet, 한호전, 더블닷, 호핀레스토랑 웹디자인 금호 http://www.kumhoenc.com/company/about.asp 월드비전 http://www.worldvision.or.kr/ 리드웹 http://www.leadweb.co.kr/index.html 건대병원 http://www.kuh.ac.kr/bin/main/main.asp SK http://sk.co.kr/MainPage.aspx : 반응형웹 SK planet http://www.skplanet.co.kr/ 한호전 메인 http://kht.or.kr/index.asp 한호전 입학사이트 http://ibhak.kht.or.kr/ 더블닷 http://doubledot.co.kr/ 호핀 레스토랑 http://restaurant-h.com/ 2012. 11. 15.
ie9 핵 사용법 (+추가 : ie10 핵) ie9에서 돋움 등의 font가 1px 올라가는 현상은 현재까지 별다른 방법이 없기에 핵, 혹은 css 분기 방법을 이용. [ie9 css핵] - ie9 핵은 아래 예시처럼 선택자 앞에 :root 를 붙이고, 적용 스타일 뒤에 \9를 작성 (ie9 핵 예시) :root div{line-height:1.2\9;} [ie10 css핵] - @cc_on 감지법, @media -ms-high-contrast 핵, @media Zero 핵 등 IE10 CSS HacksBy Louis Lazaris on November 21st, 2012 | 28 CommentsLast year, Microsoft announced that IE10 will not be supporting conditional comments. .. 2012. 9. 28.
나눔고딕 다운(eot, woff, ttf) 및 적용방법 예 [웹폰트 적용방법 예] @font-face{ font-family:ng; src:url(NanumGothic.eot); src:local(※), url(NanumGothic.woff) format(‘woff’) } body,table/*,input,textarea,select,button*/{font-family:NanumGothic,'나눔고딕',ng,sans-serif} [웹폰트 지원 브라우저] ie6~9, FireFox, Chrome, Opera, Safari [나눔고딕다운] (작은용량:동작확인 필요) (작은용량:동작확인 필요) [구글 code] http://code.google.com/p/nanum-web-font/downloads/list [구글 웹폰트 CDN] 나눔폰트는 구글에서도 웹폰트 CDN.. 2012. 8. 23.
jQuery API 원문 : api.jquery.com jQuery API .add()Miscellaneous TraversingAdd elements to the set of matched elements. .addClass()Attributes, Class Attribute, CSSAdds the specified class(es) to each of the set of matched elements. .after()DOM Insertion, OutsideInsert content, specified by the parameter, after each element in the set of matched elements. jQuery.ajax()Low-Level InterfacePerform an asynchronous.. 2012. 2. 9.
스크롤바 디자인 변경 원문 : http://www.dreamincode.net/forums/topic/15885-change-scroll-bar-color-in-firefox-and-opera/물론 웹표준에 위배되는 내용이지만, 혹시.. 정말 혹시나 해서 참고로 남겨둔다~ ㅋㄷHere's what you can do to make this work in all 3 major browsers (IE, Firefox, Opera):1) use this code:view sourceprint?01122) in the HTML tag of your webpage, delete ANY and ALL ties to W3C! For example, you will see code generated in the HTML tag when y.. 2010. 7. 7.
float 해제 1. 가상엘리먼트 이용 (좋은방법) #id / .class { zoom:1;} #id:after / .class:after { content:""; display:block; clear:both; height:0; visibility:hidden;} 2. overflow (자주쓰이지만..) .class { overflow:auto;}, 또는 .class { overflow:hidden;} 3. float:left; 4. clear:both; 5. inline-block .class:after { content:""; display:block; clear:both; height:0; visibility:hidden;} .class { display:inline-block;} 6. 빈 엘리먼트로 처리 : f.. 2010. 6. 15.
폼 디자인 바꾸는 예제 http://www.emblematiq.com/lab/niceforms/demo/v20/niceforms.html 2010. 6. 15.
728x90
반응형

티스토리툴바