printing

[Ardaraith]

Hello,

I really dont' know THAT much about CSS, but I am trying. I created a website for a group and used CSS. When I try to print pages they come out with one word per line of text...

http://www.TraciLaird.com/camp/theme.html

Any suggestions? and remember, I'm just a baby here.

[QuietDean]

Hi Ardaraith. Welcome to the forums.

(looking a your site was nice, I am off to Wales this weekend)

The problem with printing is that you have default margins in your page setup. These can interfere with your layout.

The large line-height may be the problem. The large font maybe the problem. I would recommend shrinking both, one-at-a-time until you find the problem.

Another thing to watch out for, if you specify a font and its name has a space in it, surround it ith ' symbols. like

font-family:palatino, 'zapf chancery';

Might help.

Oh, paper saving hint. use the 'print preview' in your browser when troubleshooting, it saves a lot of ink!

And dont worry, we are all babies at something :)

[QuietDean]

Oh, i forgot my whole point.

Its possible to define a different stylesheet for printing. So if you have to change stuff, put it in the laternative stylesheet -

<style type="text/css" media="print">
body {
font: 45%;
}
</style>

[Ardaraith]

does that bit go inside the main style tag?

[QuietDean]

No. Its separate. You can have it in an external sheet, too.

[Doorknob]

Originally posted by QuietDean

<style type="text/css" media="print">
body {
font: 45%;
}
</style>

[/B]

what does it do?