Angus,

On Feb 17, 2006, at 6:00 PM, Angus at InfoForce Services wrote:

> I am trying to figure out how to make a print link for the following. 
> So
> when the visitor presses the print button their printer prints every 
> thing
> from the name (angus D. F. MacKinnon) to the end on two pages with a 
> small
> header on page two.
>
> hTML: http://infoforce-services.com/personal/generalresume.php
> CSS: http://infoforce-services.com/css/layout.css

I'm replying on-list because print style sheets are very much a part of 
css.  I added the following to your page to get most of what you want.

<style type="text/css" media="print">
body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11pt;
        line-height: 1.2;
        font-weight: 900;
}
p {
        margin: 1.5em 0 0;
}
#header, .cleared, .footer {
        display: none;
}
.generalresume_name, generalresume_address, generalresume_title {
        text-align: center;
}
.newpage { page-break-before: always; }
</style>

Of course, You would want this either in its own file linked in as 
usual, or you could change your current stylesheets to media="all" and 
add an @media section to hold your print only styles.  You can handle 
the header for page two by adding it to the html and setting it to 
display: none; for screen and display: block; for print.

Keep in mind that css for printing is only suggestive.  The browser 
will do what it wants and the user can override your suggestions.

hth
-- 
Roger Roelofs
"Remember, if you’re headed in the wrong direction,
        God allows U-turns!"
          ~Allison Gappa Bottke
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to