@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.