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

Posted on 2007-08-06
Last Modified: 2010-04-09
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
Question by:bdipasquale
    LVL 13

    Accepted 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.
    LVL 3

    Expert Comment

    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
    LVL 5

    Expert Comment

    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

    Do You Know the 4 Main Threat Actor Types?

    Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

    Join & Write a Comment

    In this article, I’ll explain how I make a clipping mask out of several separate vector objects by using the Compound Path option in Adobe Illustrator. A compound path in Illustrator allows grouping of separate objects into one set of vector paths t…
    Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
    In this tutorial viewers will learn how to create blended and gradiated shapes in Illustrator using the blend tool Draw two shapes, one of them in a different color: Select both and create a blend by going to Object > Blend > Make: Blends can also b…
    The viewer will learn how to count occurrences of each item in an array.

    746 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    15 Experts available now in Live!

    Get 1:1 Help Now