• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 279
  • 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

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

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