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

HTML : Print tags to get a better print out

I have an image with dimensions as 925 X 668 pixels.
This when embedded in a HTML page comes fine on the screen i.e. it fits to the width of the page, but when we take a printout - portrait mode - of the same HTML the image gets cut from right side.

How can I get the full image printed without reducing the image size?
0
INDIRA_K
Asked:
INDIRA_K
  • 2
1 Solution
 
jericotolentinoCommented:
Hi,

The HTML is written so the image resizes. The printer sees things differently and prints the entire picture. So just make sure the image can fit in the paper. You can probably change to landscape instead of portrait so it fits.

Hope this helps.

jerico
0
 
jericotolentinoCommented:
That should've been "HTML written in such a way that the image resizes." I was pertaining to how the image would be displayed on the page...sorry for the confusion. :-)
0
 
INDIRA_KAuthor Commented:
I believe that you can specify can "print tags" so that while printing image gets resized appropriately. So I am looking for that "print tag" which can help me achieve it.
0
 
RichieHindleCommented:
This is what you need:

<html>
<head>
<style media="print" type="text/css">
#myimage
{
    width: 462px;
    height: 334px;
}
</style>
</head>

<body>
<p>Hello world.</p>
<img id='myimage' src='925x668.gif' />
</body>
</html>
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.

Join & Write a Comment

Featured Post

Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

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