DSGN53871
WEB DESIGN 1

Print Friendly with CSS

By linking a print specific sytle sheet to a web page you can create a print friendly version of a page without having to actually build another page. The link below is for linking a style sheet that is strictly used when someone is printing the page in quesiton.

<link rel="stylesheet" type="text/css" media="print" href="print.css">

body {color : #000000; 
  background : #ffffff; 
  font-family : Times New Roman, Times, serif;
  font-size : 11pt; 
}
a {text-decoration : underline; color: #000000;}
#navigation, #advertising, #other {display: none;}

- or -

Simpler Style

#menu { display: none }
#wrapper, #content { width: auto; margin: 0 5%;
 padding: 0; border: 0; float: none; }


<< Back


Interactive Multimedia ~ School of Applied Engineering and Computing Sciences ~ Sheridan