CSS - Get Rid Of Url And Page Reference When Printing Onto Paper

Hi everyone,

Having some problems with CSS printing. I am trying to get a webpage to print in B4, no print margins, no header or footer. There is supposively a way to do this in CSS with the @page properties. I've tried the examples from the w3c site but to no avail. Does anyone have any code that definitely works for internet explorer?

Thanks,
Dave.

I am trying to update an old site with lots of pages, I am trying to create a printing stylesheet (first time as you may guess) I have managed to exclude what I do not want to print but some text is still running off the RHS of the page.

I have tried playing with page widths and margins but to no effect, any suggestions? this is what I currently have:

TBODY {
position: static;
width: 700px;
margin: 0 auto;
}

I am trying to print an HTML page in the landscape orientation using a css print style sheet. I have added the link to the style sheet in my document Code:

<link rel="stylesheet" href="print.css" type="text/css" media="print" />

the code in the stylesheet itself is Code:

@page {size: landscape; margin: 0.25in;}

When I print the page from Internet Explorer the settings from my browser are used. What do I need to do to have the page printed in the landscaped orientation without the user configuring their browser settings?

I am using PHP to generate labels and I want to print them. I am wondering if anyone could help me learn how to set the page margins? By default it looks to be printing 30px or so margins. The label sheets I am using have margins of about 5-10px. I was thinking to set margins would be something like this:

Code:

<style type="text/css">
<!--
body {
	margin-left: 0px; margin-right: 0px;
} 
</style>

but that does not seem to work, any help out there?

Thanks!

Hi,
I am trying to find a way to print address labels from a web page. The page will either be ASP or ASP.NET. Is it possible to get enough control over the print layout to create consistent labels? The browser will be IE6 and the printer will be printing onto standard address labels that you buy for this sort of thing.

If it is possible, could someone please point me in the right direction, I am stumped.

Thanks,

Matt

I have a report that prints a list o people and a select box that will run the same list in a form format (all on one page) so that the user can print this off and get one form per page.

I am using page-break after always as part of a div that contains the info to be printed (this is a loop from a db query).

On my printer and a few others it works like a charm, but I have a user that gets the first page (first loop) no problem, but after that he gets parts of the pages when he prints (they display fine on the screen in the browser - IE6). Some pages come out with half the info (the bottom half is missing.

Anyone ever hear of this issue?

He is using

WinXP
IE 6
Printer is HP 855 (or something like that)

I have a simple page layout using div's and CSS, but the alignment becomes screwed up when printing the page. My CSS for the layout is:

#OneColumn {
width:575px;
background:#fff;
}

#LeftColumn {
float:left;
width:458px;
background:#fff;
padding-top: 15px;

}

#RightColumn {

float: right;
width:113px;
background:#fff;
text-align:center;
padding-top: 38px;
font-family: Arial;
font-size: 10px;
color: #000;
}

My code is formatted in the same order so, on the actual page OneColumn is on top of the left and right columns. If the page is short (less than on page) it prints and looks fine in print preview.

Problem 1: In IE 6
If the page is longer than one page when printed the information that is in OneColumn is on the first page of the printout and the rest of the information (from the left and right column) is on the next pages.

Problem 2: In IE 6 and Mozilla Firefox 0.8
Also, the right column is used to display thumbnail-pics that correlate to the text in the left column. At times I used styles to space the pictures. Here is one of them:

.spacePic {
margin-top: 95px
}

This works fine except for when printing the images, they generally are printed lower than they apprear on the screen.

Any suggestions or tips would be appreciated. Thanks for your help!

Casey

Hello,

I'm design the web page printing feature, i apply a print button for trigger out the window.print() javascript command and it will set the button.style.display to none after button clicked.

Whereas, It is happen when user using the CRTL-P and the button will continuous remain on printing paper . I wonder any optimize way to solve this problem? Can it be solve in CSS styling?

I am trying to copy a pdf, and it is imperitive that the pages match up: page 1 on the pdf is page 1 on the html file when printed and so on.

I am using font 12pt sizes. if it prints out correctly on my computer will it print out correctly on all since I am using the pt instead of something relative like <font size=3>?


if this will not work for all then does anyone have any recomendations on how to do it?

Im deriving a list of photos with information from my database. I want to be able to print the webpage off without any of the information being broken up between pages. Since its coming from the database I cant just use page breaks cause then I get one image per page. Is there a solution to this?

I have made the form and centered it on the web page, but when it prints the printed copy is offset to the right.

I can fix this manually by changing the margins of the web page right before it prints, but it's ugly code and I have to put an underscore between "employee" and "signature"(ie Employee_Signature) so they stay on the same line.

Is there a better way to do this?
thanks

Hi ,

I am trying to print my html page in the landscape mode.I should print this

automatically in landscape mode with css orientation landscape.

i am using the below code to print all tables in my html page in landscape

mode

@page rotated { size : landscape }
table { page : rotated }


Its not working .

Is this write or wrong?
Is there any other way to do it.

Thanks,

Hi

I am new to flex and i am suppose to change the css file so that it references a a swc file instead of an programmatic skin. I know the syntax is classreference... for the action script. I just want to to know what i should replace it as. Thanks

Can anyone recommend a reference book. I have the Jeffrey Zelman book but would like something that covers a bit more detail. Is the Eric Meyer on CSS any good?


cheers,
steven.

Hi all, new css user here and have a slight problem.

I am trying to change the color of the 'post date' on my forum that i am creating. In the source code for this area, there is no div id, but just three classes namely, "top-post forum-post clear-block", "post-info clear-block", and "posted-on", with the first being the most outer class.

In my css sheets there are references to the latter two classes, but adding 'color:#fffff', does not change the text color. I have tried listing them all from outer to inner and then declaring the color but also this did not work.

I am using drupal and the advanced forum module, and saw using inspect element that another site just had the color specified under 'posted-on', and it was working, but not for me. Even with an !important tag, it just comes up with an exclamation mark on the 'inspect element.

I was wondering if anyone had any suggestions as to how to change this? Any help massively appreciated!