• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 181
  • Last Modified:

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
1 Solution
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>

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.
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
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.

Featured Post

Upgrade your Question Security!

Add Premium security features to your question to ensure its privacy or anonymity. Learn more about your ability to control Question Security today.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now