웹모아
웹모아[손님] 검색   로그인 / 회원가입    



 
인쇄관련
 


원하는 부분만 인쇄하기. Css 작성과 링크 팁. 단 두줄이면
  2006-11-17 02:49:49 댓글:(0)   조회:588



보통 인쇄을 고려할 때 글로벌 네비게이션, 로컬 네비게이션, 비주얼 영역은 출력을 원치 않게 됩니다. 
따라서 필요한 영역만 출력하기 위하여 예전에는 자바스크립트를 사용했었습니다. 

하지만 한줄짜리 CSS 코드와 한줄짜리 CSS 링크 명령 만으로 이 문제를 간단하게 해결할 수 있습니다. 

물론 이것이 가능 하려면 DIV+CSS 형식의 표준 마크업이어야 하고 Table 을 이용하여 레이아웃 설정한 경우라면 이 팁을 적용하기 매우 어렵습니다. 

1. 인쇄를 위한 print.css 만들기. 단 한줄이면 족합니다. 
#header, #visual, #local, #footer { display:none} /*출력을 원치 않는 영역을 모두 숨김*/ 

2. 인쇄를 위한 print.css 링크하기. 역시 단 한줄. 
<link href="/open_content/css/print.css" rel="stylesheet" type="text/css" media="print" /> 

3. 출력결과. 
#contents 라는 ID를 지닌 영역만 출력 됩니다. 

4. 예제보기. 
http://www.engit.com/open_content/compa … vision.php 
상기 페이지에 접속하여 '파일>인쇄미리보기' 명령을 실행해 봅니다. 불필요한 영역은 제거된 상태로 콘텐츠 영역만 출력될 것입니다.



 댓글 (0)


인쇄관련
페이지: 1 / 1   


   인쇄된 용지에 머리말과 꼬리말 같은거 나오지 않게 819
   웹 페이지 인쇄시 원하는 위치에 페이지 브레이크 넣(홈마스타) 662
   화면 출력과 인쇄시 테이블 널이 다르게 지정하기(홈마스타) 524
   웹페이지에서 프린트 컨트롤(홈마스타) 958
   인쇄시 강재로 다음페이지 넘기(홈마스타) 430
     [RE] 인쇄시 강재로 다음페이지 넘기(홈마스타) 498
   아이프레임 프린트 하기(iframe print)(홈마스타) 879
     [RE] 아이프레임 프린트 하기(iframe pri(홈마스타) 834
       [RE] 아이프레임 프린트 하기(iframe pr(홈마스타) 5407
   [CSS] 같은 페이지에서 화면과 프린트 인쇄 스타(홈마스타) 558
     [RE][HTML/CSS]Style sheet 를 (홈마스타) 509
       [RE] CSS media='print'(홈마스타) 565
         [RE] CSS media 에 따라 다른 크기의 (홈마스타) 449
   원하는 프레임만 프린트하기 / 인쇄미리보기 및 페이(홈마스타)(1) 2316
   특정영역만 프린트하기(홈마스타) 846
     [RE] 특정 페이지를 프린트하기(Iframe)(홈마스타) 775
   [스크립트] 이미지에 6개의 효과주기(홈마스타) 496
   DIV를 이용한 특정부분만 프린트하기(브라우저에서)(홈마스타) 653
원하는 부분만 인쇄하기. Css 작성과 링크 팁. (홈마스타) 589
    HK Post print Plugin V2_0(홈마스타)(2) 442
    간단한 텍스트 인쇄 / HTML 인쇄(홈마스타) 579
   웹페이지에 [인쇄하기](홈마스타) 859
   거래명세서(거래명세표) 와 세금계산서 HTML 출력(홈마스타) 1958
   라벨지 양식은 전용 소프트웨어나 워드로 라벨지를 완(홈마스타)(1) 1735
[1]  

복수단어 검색은 공백(space)로 구분해 주세요. 1




 
최근 글
[손님]

인기 글
[손님]
[홈마스타] 실습-테이블구조변경