Re: printing a portion of a page

by Gerhard Schoening <g.sch(at)onlinehome.de>

 Date:  Fri, 12 Mar 2004 11:17:08 +0100
 To:  hwg-style(at)hwg.org
 References:  hotmail
  todo: View Thread, Original
Hi Rosemary,

On Friday, March 12, 2004 at 04:20 you wrote:

> I only want the order-blank portion to print when the user
> hits "print" and not the introduction portion of the page.

> Solution is CSS or JavaScript?

Don't know of JS solutions but it should be easy with CSS
("easy" depending on complexity of page).

A formal example to show the principles:

HTML

<div id="noprint"><p>...</p></div>


Linked or @imported CSS with media="screen" attribute, first
in <head> section

div#noprint {
display: block;
}


Linked CSS with media="print" attribute, second in <head>
section

div#noprint {
display: none !important;
}


-- 
Regards,
Gerhard

Gerhard Schoening, Web Freelancer
Retum Textoris Papyrus (Blog): www.retumtextor.com/wp/
Web Standards, Accessibility: www.gerhard-schoening.com

Member: www.gawds.org | www.hwg.org | www.iwanet.org
Moderator: www.css-technik.de
Recent projects: www.fleingcom.com | www.axelschaefermdb.de

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