CSS fun before bed (or how to make my site print nicely)

By Lisa on November 20, 2005 11:13 PM | tutorials | Permalink | Comments (1)

I wanted to be able to print out the recipes without the sidebar stuff, the comment input boxes and the trackback info so...

I created a new stylesheet (named printing.css) and included it on the Individual Entry Archive pages (and Main Index for good measure). Now you can print recipes without the other clutter. Yay!

This line goes in the head of your pages:
<link rel="stylesheet" type="text/css" media="print" href="/printing.css" />

Simple stuff.

printing.css (note: if you're using the 3 column style or the 2 column-left-sidebar, you'll need to adjust the alpha, beta, gamma, delta (and -inner) classes appropriately.

#beta,
#gamma,
#delta,
#beta-inner,
#gamma-inner,
#delta-inner,
#comments-open,
.comments-open,
.comments-open-header,
.comments-open-content,
#comments-open-data,
#name-email,
#comments-open-footer,
.comments-open-footer,
.trackbacks,
.trackbacks-header,
#trackback,
#trackbacks-info,
.trackbacks-content
{
display: none; position: absolute; left: 0; top: 0;
}