Perishable Press Print CSS
Editor’s Note: This article applies exclusively to my Lithium theme, which is no longer the default site theme. Different themes may or may not include print style sheets of their own. Click here to check out the Lithium theme, to which this article applies. Click here to see a list of all available themes.
Print styles
Perishable Press now with fully printable articles! Check out the new print CSS stylesheet by checking out an article’s “Print Preview” from the browser’s “File” menu. Before the addition of special CSS styles for print versions, Press articles printed non-sequentially and included everything — buttons, banners, text fields, icons, and every odd list, break, and scrollbar — and looked utterly disastrous. Well thank heavens the nightmare is over. Articles now print like articles and pages now print like pages. Here are some articles that include some common post elements — text, code, lists, images, etc. — as demonstration1 of our fresh new CSS print styles.
- Example 1 [ code example ]
- Example 2 [ image example ]
- Example 3 [ blockquote example ]
- Example 4 [ page view example ]
- Example 5 [ lists, code, text ]
Footnotes
1 Tested with Firefox 1.5.0.3, Internet Explorer 6.0.2900, and Netscape Navigator 8.0.1. For some mysterious reason yet to be determined, Opera 8.54 refused to cooperate, and thus may not prove worthwhile for printing Perishable Press articles. Don’t cry too much. Also, it should be noted that, for browsers other than Opera, regardless of how jumbled the links or other text may appear in Print Preview mode, the articles will indeed print according to CSS. This is due to CSS2 rules that append and print the full URL after each link.
Perishable Press is operated by Jeff Starr, a professional web developer and book author with two decades of experience.
Here you will find posts about web development, WordPress, security, and 