create html page to print 100% page 8 1/2 X 11

When I try to create a form in dreamweaver, with graphics from photoshop in 72dpi so its visible as a webpage, when I go to print it on a page, it appears to be too small, what could I do so that my page is good to view on the computer and be able to print it, taking the whole page 8 1/2 X 11 however not going over
bdipasqualeAsked:
Who is Participating?
 
R7AFConnect With a Mentor Commented:
When you save an image in Photoshop using "Save for the web", it removes settings like dpi and other info, making the file size smaller. Furthermore, not all monitors use 72dpi; many use 96 dpi I believe.

For print, you can set a different CSS.

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

You can try do something like this:

<div class="web"><img src="test72dpi.jpg"/></div>
<div class="print" style="display: none;"><img src="test300dpi.jpg"/></div>

print.css:
div.web { display: none; }
div.print { display: block; }

I have done something similar a while ago. I haven't tested this example. If the 300dpi image loads by default (even without printing), that will have an effect on download speed. You can use it then as the only image you load, but beware that browsers can mess up images when downsizing.
0
 
SwankMediaCommented:
Editing the HTML and the CSS might help

but honestly a lot of the time your Page Setup and Print Setup options mess with the dimensions

just go into both of those options and look around.. perhaps some of the maragins got screwy

hope that helps a bit
-- Swank Media
0
 
The_Blasted_OneCommented:
If your aim is to make the page user-friendly and to save the user from print setup problems securely, the only way is to create PDF output feature on your site.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.