darossa Posted December 8, 2010 Share Posted December 8, 2010 Hi!I'd like to ask about printing areas in a html document.Lets say I have this page here:http://notasdeaula.org/teste3As you can see, there is a mother 1-cell table which encloses all the content in that page.To set some elements not to appear in a printed version of that page, I setup a parallel CSS stylesheet with the following... .NonPrintable, #Menu, #Footer{ display: none;} ...and did the proper linking at the <head> of the html... <meta content="text/html; charset=ISO-8859-1" http-equiv="Content-Type"><title>Página de testes</title><link href="PrintStyle.css" rel=" stylesheet" type="text/css" media="print"><style type="text/css"> ... so that I could get rid of the upper menu when printing.I'd like to do two things:1 - get rid of the background image when printing too, but in this case I don't know how to implement: <body style="background-image: url(blog_fundo.jpg); font-family: Georgia,'Times New Roman',Times,serif;"> and2 - get rid of everything beyond the main-greater table. If you take that page and have a print preview, then you'll see there is a rather big área in the side margins unused, which would have us waste a lot of paper, but that space is necessary when displaying the page on-screen.Thanks for attention! Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.