Solved

print with landscape orientation

Posted on 2002-04-18
10
1,902 Views
Last Modified: 2007-12-19
Hi,

I would like to add a button to one of my HTML pages that would allow the user by pressing on it to print the content of the page with landscape orientation.

I have tried to add the following code, but it is still printing the page in portrait mode.

Am I missing something or no doing things the way they should be done?

**********************
<head>
<style type="text/css">
<!--
@page {size: landscape}

@media screen {
   BODY {
          font-size:8pt;
          color:black;
     }
}
@media print {
   BODY {
          font-size:8pt;
          color:black;
     }
     input {
          display:none;
     }
}
//-->
</style>
</head>

and later in the page:
<input type="button" value="Print" onClick="javascript:self.print()">

**********************

Thanks.
0
Comment
Question by:laurent42
10 Comments
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 50 total points
ID: 6951070
IE5.5+ only

With @page you declare sizing in units of measure size 11in 8.5in  
landscape would not work AFAIK

However that will still not solve the problem.  The page will not print correctly unless the printer is set up in landscape mode.

If you are on an intranet where you can insure that all printers are set up exactly the same you may be able to get decent printing.  Across the internet forget it, you do not have enough control of the environment of the client to insure proper printing. If print quality is critical, do not us an HTML page; use a PDF or other printer friendly format.

Cd&
0
 
LVL 18

Expert Comment

by:bruno
ID: 6952013
As Cd& said, the printer has to be set up that way on the machine doing the printing, it's nothing you can control.  Sorry.
0
 
LVL 19

Expert Comment

by:webwoman
ID: 6953899
And yet another one...

You can't do it. You can try and try and try, and you CANNOT control the user's printer. Nor should you.

You want to explain to the company president why her report came out printed landscape? When she didn't want it that way, and never prints ANYTHING landscape?

I thought not... ;-)
0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 6953975
BTW webwoman,

Congrats on making Hall of Fame

Cd&
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 7047964
This question has been abandoned. I will make a recommendation to the
moderators on its resolution in a week or two. I appreciate any comments
that would help me to make a recommendation.

Cd&
0
 
LVL 18

Expert Comment

by:bruno
ID: 7049462
you were the first...
0
 
LVL 2

Expert Comment

by:TenTonJim
ID: 7072001
stand your printer up on one end...
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 7101900
It is time to clean this abandoned question up.  

I am putting it on a clean up list for CS.

<recommendation>
points to COBOLdinosaur

</recommendation>

If anyone participating in the Q disagrees with the recommendation,
please leave a comment for the mods.

Cd&
0
 
LVL 1

Expert Comment

by:Moondancer
ID: 7112309
Thanks to all, finalized.
Moondancer - EE Moderator
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 7112316
Thanks Moon. :^)

Cd&
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Box Locations 6 26
How to create a slidershow with the use of the property cover in css 15 64
Using Specialized Fonts in CSS 1 38
alert on input text 2 23
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…

713 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