Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

prevent table from printing? 1

Status
Not open for further replies.
ideasworking

ideasworking

Programmer
Dec 2, 2001
120
CA
Hello,

I have created several web reports that I would like to print without the menu across the top of the page. I have placed the menu in a table... so I'm wondering if I can prevent printing of that table? If not... I'm wondering if I can use a button to print a similiar page that doesn't have the menu table? I'd like this second page to simply print, not display.

Maybe there are other options I'm unaware of... anyone have a suggestion(s)?

Thanks,
Lou
 
Sort by date Sort by votes
Use CSS to do this by creating a class that is set to not display the element if the media is print (if you are printing - or print previewing):
Code: 
<html><head>...
<style type="text/css" media="print">
[b].noprint[/b] { display: none; }
</style>
...<head><body>...
<table [b]class="noprint"[/b]>
<tr><td>...</td></tr>
</table>
...</body></html>
Cheers.
Jeff

[tt]Jeff's Page @ Code Couch
[/tt]

What is Javascript? FAQ216-6094
 
Upvote 0 Downvote
add the media="print" parameter to a new style tag, then apply the display:none property to your table inside that style tag, here's a small example:
Code: 
<html>
<head>
<style type="text/css" [!]media="print"[/!]>

#noPrintTable {
   display:none;
}

</style>
</head>
<body>
   <table id="noPrintTable" border="1">
      <tr>
         <td>Test</td>
         <td>Test</td>
         <td>Test</td>
         <td>Test</td>
      </tr>
      <tr>
         <td>Test</td>
         <td>Test</td>
         <td>Test</td>
         <td>Test</td>
      </tr>
   </table>
   <p>This is a print test, print this page and the table will not be on the printout</p>
</body>
</html>

-kaht

[small](All puppies have now found loving homes, thanks for all who showed interest)[/small]
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

lmcate
  • Locked
  • Question
From HTML Page open an MDB files on the server and work
Replies
0
Views
205
lmcate
lmcate
waubain
  • Locked
  • Question
Prevent user from getting a 404 error if click on a hover text displaying a hidden image. 1
Replies
5
Views
227
jjgupta915
jjgupta915
PeDa
  • Locked
  • Question
Display table td's as block element on mobile phone 1
Replies
3
Views
905
spamjim
spamjim
ashokkumary
  • Locked
  • Question
missing leading zero when we download in excel from html table data.
Replies
1
Views
163
spamjim
spamjim
PeDa
  • Locked
  • Question
Table not formatted correctly in all browsers 1
Replies
2
Views
169
PeDa
PeDa

Part and Inventory Search

Sponsor

Back
Top