인쇄용으로 다른 html 페이지가 필요합니까?

Question

머리글과 바닥 글을 제외하고 프린터 친화적 인 페이지가 있습니다. 페이지의 본문 만 색이있는 배경없이 인쇄하는 인쇄 단추를 추가 할 수 있습니까? 또는 새 페이지에 링크해야하고 다시 인쇄 할 수 있습니까? 만약 내가 그것을 피할 수있는 차라리 이러한 추가 단계를 소개하지 않을거야.

Answer 1

인쇄용으로 다른 html 페이지가 필요합니까?

필요하지 않습니다. 인쇄 할 때 특별히 사용되는 다른 print CSS을 사용할 수 있습니다. 이 CSS 내부 당신은 당신의 페이지에 다른 요소의 모양을 사용자 수 :

<link rel="stylesheet" type="text/css" media="print" href="print.css" /> 

media="print"

는 인쇄 할 때이 CSS에만 적용된다는 것을 의미합니다.

print.css 라이브러리를 체크 아웃 할 수도 있습니다.

Answer 2

인쇄 스타일 시트를 사용하는 것이 좋습니다. 여기

이 내가 당신이 당신의 스타일은 화면 및 인쇄에 대해 별도의 유지 수있는이 방법을 제안 경로입니다

http://line25.com/tutorials/handy-tips-for-creating-a-print-css-stylesheet

도움이 될 수있는 링크입니다.

Answer 3

CSS를 통해이 모든 작업을 수행 할 수 있습니다. 인쇄 할 용지를 설정하기 만하면됩니다.

@media print 
{ 
    /* Print specific styles go in the braces */ 
} 

Answer 4

이 나는 ​​컬러 배경없이 인쇄 페이지의 본문 만 인쇄 버튼을 를 추가 할 수 있습니까?

당신은을 통해 스타일을 프린터-지정 설정할 수 있습니다

@media print { 
.print { 
    background:#fff; 
    } 
} 

당신이 인쇄에서의 동작을 변경하려는 요소에 print 클래스를 적용합니다.

Answer 5

그냥 print media stylesheet을 추가하십시오.

자신의 버튼을 추가하거나 중복 페이지를 만들 필요가 없습니다. 브라우저의 인쇄 컨트롤은 완벽합니다.

Answer 6

새 인쇄 관련 스타일 시트를 추가 할 수 있으며 해당 스타일 시트에서 사용자가 페이지를 인쇄 할 때 표시하지 않으려는 요소를 숨길 수 있습니다.

http://meyerweb.com/eric/articles/webrev/200001.html

Answer 7

print.css를 작성하고 인쇄 할 당신이 무엇을 해달라고 무엇을 원하는 지정하는 것이 좋습니다 :

여기에 그 작업을 수행하는 방법에 대한 편리한 링크입니다.

는

• http://printstylesheet.com/
• http://line25.com/tutorials/handy-tips-for-creating-a-print-css-stylesheet
• http://www.onextrapixel.com/2009/05/05/how-to-create-a-simple-print-css-for-your-site/
• http://www.intensivstation.ch/en/css/print/

Answer 8

(대린 지적으로) 당신이 할 필요가있는 링크에 대한 CSS 파일을 추가 참조 귀하의 인쇄 레이아웃. 나는 보통 몇 가지 jQuery를 함께 할 방법

Answer 9

입니다 : 올바른 media 유형을 사용하여 CSS 파일 만 인쇄라고 확인해야

이

$(function(){ 
// Hook the print link 
$("a").attr("href", "javascript:void(0)").click(function(){ 
// Print the DIV that you want to be printble 
// Maybe you want to change the style of that printable div. 
    $(".printable").print(); 
// Cancel click event. 
return(false); 
}); 
}); 

아이디어는 점이다 인쇄 할 수있는 div가 있고 인쇄 버튼을 누르고 그 div로 원하는 것을하고 인쇄하십시오.

Answer 10

이 뭔가를 시도 할 수있는 좋은 팁입니다

@media print { 
    body { 
     background-color: white 
    } 

    div.header, 
    div.footer { 
     display: none 
    } 
}