|
HTML - Webpage Resize For Printing?
I have no earthly idea where this should actually go, so feel free to move.
Our webpage is approx. 650 pixels across, which translates into too large of a document to be printable. It slices off a small amount of the right-hand side of the page when folks try to print it from IE. I noticed that when using Firefox though, the page is automatically resized to fit into an 8.5x11 space. If I want to add a "Print this page" element to the page, is there code that would tell the website to automatically resize itself to fit into a letter-sized document? I tried looking for tutorials but there either aren't any or I was getting the keywords wrong. Just curious, as this would be a helluva lot easier than resizing the entire site pixel-wise. Thanks for any suggestions =) Similar TutorialsAn html noob would like some help. I am making a html page to autorun from a CD-ROM. I would like the browser window on the users computer to open to a fixed size. I tried the following html inserted into the body of my code. Code: onload="self.resizeTo(795,470)"> This works well in Internet Explorer but when I try it with Firefox 3.0.1 the script seems to make the toolbars and scrollbars be included in the size. That is, the interior of IE window displays the content at the right size (795 x 470) with no space between the content and the scroll bars etc., but the whole of the firefox browser program (toolbars, scrollbars etc shrink to 795 x 470). This makes it necessary to scroll the content in Firefox. I would like to only use html for the solution as I am trying to keep the CD-ROM requirements to run to a minimum. Also if there was someway to make the scroll bars and toolbars disappear from the browsers this would improve the professional look. I am sure there is an easy answer, but I can't find it. Thanks for any help. Sorry if i posted this in the wrong location. So im a real estate agent making a website. Im no pro and most of the stuff ive been using to build has been through layouts/generators/help of others such as yourselves. So ive been stuck on finding/making this code for the past couple of days. So all my listings are on my agencys website, not my personal agent website. Is there a code i could have where in the listings page my my personal agent website, i could have a window maybe 600x900 of the listing page on my agencys website? To kind of clear things up, you know how when you google something you have the magnifying glass, how it gives that preview. How can i have that preview coded onto a webpage, but me say what webpage to preview and how big to make the preview box? Tried to explain it as best i could. If you dont know the code, if you can tell me what its called so i can try to narrow the google searches. So far everything that has been coming up in the search restults has been preview boxes to preview html codes you have already written. Fail Blog Thanks I want the user to be able to press a button to print a jpg off my site. Ive only been able to find print full site buttons. guys i have a page with a link. when i click the link i want to print a file. assuming the file already exits.. say a doc file or something thanks guys your help would be mightily appreciated Hi, One of my latest sites seems to be having problems being printed from IE 6 not sure about 7 but 6 is just hanging when trying to print. When printing any page with Firefox the layout is perfect on the print. When printing with IE most of the time it doesnt print at all it just hangs and some times it prints but the layout is a mess as if the CSS is wrong but it look fine when viewing the site in IE. Any ideas or has anyone ever come across this before? CC_DESIGN PS the site is www.boozerpit.co.uk Have a look at my website: http://www.jlsindia.org/nayapath This website is of a magazine, and based on 'frames'. Now this website is divided into three frames: 1. Top-frame, is for header 2. Left-frame, is for links of articles 3. Right-frame, is body, where the text of clicked link displayed. Now I want to put a 'print button' at the top of my page (in top-frame), and with this i want to 'print the content of right frame'. Is this possible??? Hi, I should really know this... I know it's possible to create a CSS page to tell the printer to print certain content in certain colors, but you know how you have to set the browser to print bg page colors prior to printing? Is it possible with this CSS page to have the printer automatically print the background without setting the browser parameters? Thanks Hello, I wrote the following HTML code: HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Admin Page</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<div id="main">
<h2>Admin Page</h2>
<hr width="420" color="black" align="left">
<form method="post" action="$_SERVER[PHP_SELF]" name="form" >
<div class="textbox" style="height:35px;">
Username:
<input type="text" id="username" name="username" maxlength="30" />
</div>
<div class="textbox">
Password:
<span style="position: relative; left: 4px;"><input name="password" type="password" id="password" maxlength="30" /></span>
</div>
<br />
<div class="button">
<input type="submit" value="Sign In" name="submit">
</div>
</form>
<hr width="420" color="black" align="left" style="position: relative; top: -5px;">
<div id="info">
info here
</div>
</div> <!-- End main div -->
</body>
</html>
and the following CSS code: HTML Code:
body {
background-color:gray;
font-family:Comic Sans MS;
font-size:12pt;
color:black;
}
#info {
font-family:sans-serif;
font-weight:bold;
position:relative;
left:0px;
width:420px;
top:20px;
}
#main {
position:relative;
width:500px;
left:420px;
top:50px;
}
The problem I have is when you resize the browser nothing resizes. Can someone please help me get this page to resize? Help will be greatly appreciated. Thanks. I want viewers to my page to click on "Print the worksheet" and a small worksheet will go straight to their printer. Is this something I can do with HTML? We have HTML page and we have error when we do a print preview or printing the HTML page. It seems data from the URL is being printed. Below is the actual page that we want to fix. I hope somebody can help me fix this problem. I am not a web developer or javascript expert, but asked to fix this error. Thanks a lot in advance. http://www.versatile-ag.ca/dealerPRINT.html?point=(54.152341,%20-113.884085)&zoomLevel=9&dealerInfo=<DIV%20style="FONT-WEIGHT:%20bold;%20FONT-SIZE:%20medium;%20MARGIN-BOTTOM:%200em">K%20|%20M%20Farm%20Equipment%20Ltd.</DIV><DIV%20id=iw_kml><BR>9008%20-%20100%20Street<BR><BR>Westlock,%20Alberta,%20Canada<BR>T7P%202L4<BR><BR>Ph.%20780-349-2588<BR><BR><B>Product%20Lines:</B><BR>Tractors</DIV><DIV%20id=wizard%20style="PADDING-TOP:%200.7em"%20firstCard="actions"%20class="iw"></DIV> On my website I'm keeping a blog. Currently when I print a page, the printout would include Google ads, and logos and buttons that I don't really want to appear on a printout. All the content I want to be printable is contained within one <div> tag. Is it possible to make it, so that if you go to print a page, only the content within this <div> tag is printed? Hi guys, i tried looking for help on tihs issue but could not find any. the problem is this: I have an image that is viewed in landscape. i want to make this printable, but when i print it, half of this landscape image is printed in portrait mode. is there any way i can set the print properties so that when the user goes to File>Print it will show the normal print options, and actually print in landscape? Thanks. For an example, in http://www.eldon.com See the black border around the page? I would like to disable it or set a the table border property @ 0 so it won't show up when printing? Is this possible? Thanks a lot guys... First post!! I've got a website here that's split into two frames. The top frame is the header and the bottom frame is the page body. When I print, it only seems to print the header. How can I get it to print the body by default (i.e. without clicking on the body first)? I have a div that contains multiple items which I need to have aligned to the bottom of a page when printing. How can I accomplish this? I have been trying to set up a simple way to print all the data thats in a text file, and intergrate it with my web page, the txt document will be updated and i want it to be automatically updated and displayed on my HTML Page Does anyone know how to set this up? Hello, I've been working on a very simple website for a friend, and run into an issue with text alignment when I print from IE (works fine in Firefox). The problem can be seen he While being displayed correctly on the screen, a big gap appears between the image an the body text during printing. As I am not even nearly an expert, I cannot figure out what causes the problem. Any help would be appreciated! Thank you! Hi, I have a script that prints a page and that works great. Can anyone tell me if this can be done please: When printing a html page from the internet it puts the: Pages Name Http Link Page Number Date around the edges of the page. Is there away of removing this so it just prints the content nothing else? I've managed to hide certain things using CSS and its "display:none" function so i was wondering if it can be done like this or any other way? Any help would be great Many thanks Joe Hi My problems: Q1: I am getting data from mySQL to populate fields to generate a report in html. The report are in two pages. Sometimes page two comes into page one. is there a way we can force page two to be only in page two. Q2: If I am printing only 1 page report, is there a way to force print (without changing print setting to print) into one page. Thanks Siva |
|||||||