Setting Your Web Pages for Print

Web pages look really nice onscreen but what if you found a great page full of information (like web tutorials) and you want to print that information for you to read? What if the web page is set on a black background with white text? That”ll eat up your printer ink fast! There is a way to make your pages print friendly.

Creat a new style sheet that designates a white background and black text for your web page. You can further format that by specifying the font, font size and link effects.

body, p {
background: white;
color: black;
font: 12px/14px Verdana;
}

Save the file as print.css.

In the head section of your web page, add the following code just below your main stylesheet:

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

Your web pages are now ready for printing! Make sure you test out various settings to optimize the look of your pages on print.

You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.