Re: Printing Problems?

Use the @media print property

The following style sheet would change font color in tables  to black,
and force a page break after the table, and not print any element
given the class of 'noprint' e.g.

<img class="noprint" src="mygif.gif" alt="gif"  />

<style type="text/css">
@media print{
td{color:black;font-size:8pt;}
table{page-break-after:always;}
.noprint{display:none;}
}
</style>

HTH

Frank

----- Original Message -----
From: "always agoon" <gooner2002(at)yahoo.co.uk>
To: <hwg-style(at)hwg.org>; <hwg-techniques(at)hwg.org>
Sent: Tuesday, March 27, 2001 2:45 AM
Subject: Printing Problems?


> Dear All
>
> I have a quick query regarding printing of web pages.
>
>
> I have a webpage, constructed using HTML, CSS and a
> bit of Javascript, and some additional code I don't
> really understand.  A lot of the site uses tables, and
> I want to be able to code the site so that only
> portions of the page are printed (i.e text only, not
> the graphics around which the site is constructed!.  I
> understand that it is possible to do this using Styles
> and the <div> tag, but as a relative novice to web
> design, I am unable to get this to work.
>
> I would be grateful for any advice, or pointers to a
> site displaying these properties.
>
> Regards
>
> Peter McDougall
>
> ____________________________________________________________
> Do You Yahoo!?
> Get your free (at)yahoo.co.uk address at http://mail.yahoo.co.uk
> or your free (at)yahoo.ie address at http://mail.yahoo.ie

HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA