Creating a print.css file

@kafkaesqui: Wow, #1 is clever. I feel so stupid now ??

Minna, nah. Keep in mind some of us have been doing this for a very long time (yet I still on occasion need to smack myself in the head).

thanks kafkaesqui
that worked! (your no 1 solution)… i still have to tinker with getting it to appear as on the blog, (esp with the text on the image) but that’s not difficult, methinks. that was a good trick! i guess i didnt understand that anything “background” will not appear in the printable view.
cheers!

Here’s the print.css file I use for my webpage. It works well in IE and Firefox, and mostly well in Opera. (Opera has some issues with rendering print.css coding properly.)


a:link, a:visited {
color: #520;
background: transparent;
font-weight: bold;
text-decoration: underline;
}

body {
background: white;
background-image: none;
font-size: 10pt;
}

form {
display: none;
}

h4 {
display: none;
}

p {
text-indent: 1.5em;
margin-top: 0;
margin-bottom: 0;
}

#content {
text-align: justify;
font-family: "Book Antiqua", "Times New Roman", Times, serif;
font-size: 12pt;
margin: 0px;
color: #000000;
padding-left: 10px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
width: auto;
}

#footer {
display: none;
}

#header, h3, h4 {
border: none;
font-weight: bold;
margin: 0px;
padding: 0px;
width: auto;
}

#main {
float: none;
margin: 0px 10%;
padding: 0px;
width: auto;
}

#menu {
display: none;
}

#navmenu {
display: none;
}

#postcomment {
display: none;
}

#side {
display: none;
}

#subnav {
display: none;
}

.feedback {
display: none;
}

.meta {
margin-bottom: 10px;
}

.storytitle {
margin-top: 10px;
font-size: 16pt;
font-weight: bold;
}

BTW. The web developer toolbar for Firefox lets you veiw CSS by media type. It makes it alot eaiser than doing the print preview stuff.