?
Solved

print with landscape orientation

Posted on 2002-04-18
10
Medium Priority
?
1,912 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 200 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
Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

 
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

What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

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

CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

590 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