Solved

print with landscape orientation

Posted on 2002-04-18
10
1,905 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 
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

[Live Webinar] The Cloud Skills Gap

As Cloud technologies come of age, business leaders grapple with the impact it has on their team's skills and the gap associated with the use of a cloud platform.

Join experts from 451 Research and Concerto Cloud Services on July 27th where we will examine fact and fiction.

Question has a verified solution.

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

So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
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 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 style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
Suggested Courses

627 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