본문 바로가기

디자인

css 브라우저별 핵 css 브라우저별 핵 http://blog.naver.com/j98281115?Redirect=Log&logNo=50081863448 CSS hack 이란? - 브라우저별 CSS 적용 CSS hack 이란? 브라우저의 구현 차이나 버그를 이용하여 CSS의 적용대상에서 일부 브라우우저를 제외하거나, 특정 브라우저만을 대상으로 CSS를 적용하는 방법을 'CSS핵' 이라고 합니다. 크로스브라우징을 위한 응급대처 같은 방법이라고 생각하시면 되고, 핵일부는 CSS의 문법상 올바르지 않은 것도 있을 수 있습니다. 여러 핵들이 있지만, 자주 사용하는 핵을 살펴보겠습니다. 1. 스타핵 (star hack) 셀렉트 앞에 *html 을 붙히며 Win IE 4~6, Mac IE 4~5 등에 스타일이 적용되며 다른 브라우저에.. 더보기
컴퓨터 서버세팅(JSP, ASP, PHP등) - Tomcat 7.0 ROOT 폴더변경 준비파일 : jdk-6u30-windows-i586.exe, apache-tomcat-7.0.25.exe ====================================== 설 치 순 서 ============================================== 1. jdk-6u30-windows-i586.exe 파일설치 1-1. 설치시 죄다 아랫걸로 선택(2개는 설치안한다고 하는거로) 2. apache-tomcat-7.0.25.exe 파일설치(노말설치) 2-1. 경로가 "C:\Program Files (x86)\Java\jre6"로 되어있는데 "C:\Program Files (x86)\Java\jdk1.6.0_30" 변경 2-2. 전체 설치경로 "C:\Program Files (x86)\Ap.. 더보기
[펌글] 디자인 작업 시 필요한 기본적인 항목과 알아야 할 점 그리고 PC 웹디자인과 모바일 웹디자인의 차이점 <이상화(luka1103)> 웹 디자인은 단순한 시각디자인보다는 산업디자인에 가깝다고 봐야 할 듯 합니다. 실용성 사용성 등 자동차 디자인과 마찬가지로 여러가지에 대해 많은 고려가 필요합니다. 웹 사이트는 기본적으로 보는것이 아니라 사용하는 것임으로 웹브라우저의 환경안에서 가능한 범위에서 디자인 작업을 해야 합니다. 레이아웃의 경우 사실상 grid만 맞혀서 진행을 하여도 사실상 불가능한 구현은 없습니다. 다만 효율측면에서 떨어지는 레이아웃은 존재하는대 이는 격자구조의 레이아웃이 아닌 경우에 종종 발생 합니다. 격자구조가 아닌 레이아웃을 표현하기 위해서는 더 많은 코드들과 시간이 소요 되기에 결과적으로 금전적인 문제가 발생 하기도 합니다. 즉 그리드안에서 표현이 불가능한 형태는 거의 없다고 보아도 무방하지만 현실적으로는 많은 제약이 .. 더보기
Layout 용어 정리 1.GNB Global Navigation Bar : 사이트의 우측 상단에 있는 (login | sitemap | contact us)의 메뉴를 칭함, 때에 따라서 대메뉴로 칭할수있음 2.LNB Left Navigation Bar 좌측메뉴 3.SNB Sub Navigation Bar : 서브메뉴 4.Path (location) 서브페이지(컨텐츠페이지)의 현재페이지 위치 예) 홈 > 커뮤니티 > 자유게시판 5.Contents 실제 웹사이트의 내용 6.Container 서브메뉴와 컨텐츠페이지를 합친부분 7.AD 광고영역 8.Skip Navigation LNB, SNB를 스킵할수있는 컨텐츠로 바로가는 링크 9.Footer (Copyright) 사이트의 오프라인 주소 및 카피영역, 사이트 최하단부에 위치 더보기
[CSS] 말줄임 아래와 같이 사용하면 익스, 파폭등 다양한 브라우저를 만족시킬수 있다. 예시) a {color:#888; display:block;overflow:hidden;width:215px;white-space:nowrap;text-overflow:ellipsis;-o-text-overow:ellipsis;-moz-binding:url('ellipsis.xml#ellipsis')} ====================ellipsis.xml================= ==================================== 더보기

티스토리툴바