Printing from Front Page

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

I've just started maintaining a web site built with Front Page. They don't
have their logo on many of their pages, so when you print you have no
visiblity to the company other than the address printed at the bottom of the
page. Is there an easy (I'm new to this!) way to set it up so if they print
a page they can always get some additional information ... kind of like a
header and footer in the other Microsoft Office products? I'd rather not
clutter up their actual web pages if I don't have to....
Thanks!
Cindy
 
E. T. Culling said:
You WILL have to actually put the information ON the page.
ETC

But you could put the logo image on the page in a <div> which is hidden when
media="screen" and not hidden when media="print"

Say
<div id="printimg">
<img src="companylogo.jpg" alt="my company logo" />
</div>

Then, your standard style sheet (say style.css) has
#printimg {display:hidden}

Your print style sheet (say print.css) has
#printimg {display:block}

In the <head> section you have
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
<link rel="stylesheet" type="text/css" media="print" href="print.css" />

Would this work ?

Or would it be too much work to add the <div> to every page ?
 
Trevor -- Thank you, thank you, thank you! That's exactly what I was looking
for....

I had been reading up and was thinking if nothing else, maybe I could put a
background image in the header of a print.css ... but I wasn't really sure
how that would even look. Your suggestion sounds much better and more
consistent. They only have maybe 20 pages on their web site, so it shouldn't
be too much work....

I don't have Front Page here ... I just use it when I'm at that client's
site ... which I won't be until next Wednesday. If I have any problems or
more questions, I might be replying back again ... will that work?

Thanks again, so much, for the suggestion.

Cindy
 
ckrogers said:
Trevor -- Thank you, thank you, thank you! That's exactly what I was
looking for....

I had been reading up and was thinking if nothing else, maybe I could
put a background image in the header of a print.css ... but I wasn't
really sure how that would even look. Your suggestion sounds much
better and more consistent. They only have maybe 20 pages on their
web site, so it shouldn't be too much work....

I don't have Front Page here ... I just use it when I'm at that
client's site ... which I won't be until next Wednesday. If I have
any problems or more questions, I might be replying back again ...
will that work?

Thanks again, so much, for the suggestion.

Cindy

Hi Cindy,
I decided to try my own code.

It needs a slight change

Then, your standard style sheet (say style.css) has
#printimg {display:none}
*not* #printimg {display:hidden}
This is my error.

Your print style sheet (say print.css) has
#printimg {display:inline}

display:block may still work, but inline won't throw a line where block may
do so.

I'll be around on Wed. But note we are on AEST - 10 hours ahead of GMT.
(Although today we are 11 hours ahead - last day of daylight savings here in
Eastern Australia.)
 
Back
Top