I would like to suggest that a print.css file be added to the zen theme.

I have attached a copy of my (very simplistic) print.css as a start.

Changes to add the CSS to the template.php or page.tpl.php will also need to be included to make this work!

Hope this helps.

Russ

CommentFileSizeAuthor
print_2.css782 bytesrport

Comments

jjeff’s picture

jjeff commented

Ooh, yeah... I like this! We should definitely have a print.css file, but how should this best be handled?

The style.css file is loaded for media="all". Should print.css just be called in with overwrites? I guess it would make most sense to do this by adding some code to template.php to call it in.

zirafa’s picture

zirafa commented

Maybe having media="print" for print.css and media="screen" for style.css might work out well. We can just load both all the time so when somebody clicks print in their browser it uses the print.css. It would be a good example of how you can apply different CSS to different media types.

http://www.w3.org/TR/REC-CSS2/media.html

all
Suitable for all devices.
aural
Intended for speech synthesizers. See the section on aural style sheets for details.
braille
Intended for braille tactile feedback devices.
embossed
Intended for paged braille printers.
handheld
Intended for handheld devices (typically small screen, monochrome, limited bandwidth).
print
Intended for paged, opaque material and for documents viewed on screen in print preview mode. Please consult the section on paged media for information about formatting issues that are specific to paged media.
projection
Intended for projected presentations, for example projectors or print to transparencies. Please consult the section on paged media for information about formatting issues that are specific to paged media.
screen
Intended primarily for color computer screens.
tty
Intended for media using a fixed-pitch character grid, such as teletypes, terminals, or portable devices with limited display capabilities. Authors should not use pixel units with the "tty" media type.
tv
Intended for television-type devices (low resolution, color, limited-scrollability screens, sound available).

jjeff’s picture

jjeff commented

I think we're probably better off making a screen.css file and moving a bunch of the stuff from style.css over to there. In the meantime, I've committed this print.css (with some modifications) along with the template.php code to include it on the page. Committed to the DRUPAL-5 development branch.

jjeff’s picture

jjeff commented
Status: Active » Fixed
rport’s picture

rport commented

Hi jjeff

In the current print.css you have this little gem of code;

#page, #squeeze {
  margin: 0;
  width: 90%;
}

#squeeze {
  margin: 0;
  width: 100%;
}

is the second squeeze necessary?

rport

jjeff’s picture

jjeff commented

Hi rport,

Ooop.. I think that's a mistake.

jjeff’s picture

jjeff commented

fixed

Anonymous’s picture

(not verified) commented
Status: Fixed » Closed (fixed)