I created a staylesheet called "print.css" and added the following lines to my Resume.html file:
<link href="_css/Resume.css" rel="stylesheet" type="text/css" media="screen" />
<link href="_css/Print.css" rel="stylesheet" type="text/css" media="print" />
In my Resume.html file I have a link that will print a PDF of my resumé. However, if you print the resumé then I do not want the link to print the resumé to be shown.
In the print.css I created the following class:
I applied the class to the 'offending' text, thus:
<p class="doNotPrint"><a href="PDFs/Peter A. Forkes - Resume.pdf">Resume.pdf</a></p>
however, it does not seem to have any effect. I am assuming (since the background is white) that changing the text color to white should make it invisible.
If you can suggest either how to make my method work (or suggest a better method) that that should mean that I have finished everything I want to do with my webpage.