A technical HTML question...

Does anyone know how to set up an image to ***not*** print on a page?

I would like to put an image of a button with the caption PRINTING TIPS in my Agenda Header.
I would like to link this button image to an uploaded file containing printing tips for my club's members.
The file would contain suggestions for using page scaling for controlling font size, for example.

The catch is, of course, that I really do not want the "button" to print with each agenda.

Is their some way to set a Span or Div style (or other method) on the image so that it does not print?

there is a css to affect printing, google is your friend

The FTH print CSS has a class called 'no print' you can call.

Hey Brian,
I just noticed -webkit-print-color-adjust: exact is on the print CSS. Has this been there all along or recently added?

Ok, I just tested the .noprint class out for a button image and it works *great* for what I am trying to do.

Now I can put whatever custom "buttons" or links I want in my Agenda Header, link them to whatever I want, and the buttons or links do not print.

Perfect!!!

Very handy! I shall add this to my box of tricks.

I am moving this to the Tips and Tricks section...