CSS - Printing Address Labels From Web Page

When printing at the top there is Page 1 of 1 and at the bottom the web address comes up, is there a way to get rid of these?

Regards

Hi,

I am trying to remove the annoying url and page numbers that appear at the bottom of a page when you print a website - I want to do this using CSS so that anybody who prints my site wont get those annoying references, not change my browser. Anybody got any ideas on how to do so?

Dom.

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!

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 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 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 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?

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,

[note: I created a new thread as my example has shifted a bit ... it was 'white-space and checkboxes']

The site
http://www.thedancegypsy.com/test/checkBoxes.shtml

contains two rows of checkboxes that are *supposed* to
(a) indent any wrapped lines, and
(b) keep each label with the corresponding checkbox when it does so.

The only difference(s) in the *sources* for the two rows a
- in the first, the html for each checkBox is written on a separate line, but in the second they are separated by only a space.
- box ids were different to allow for html validity check.

Each paragraph has the form:
<p style = "margin-left: 2in; text-indent: -1in;">...(labels) .. </p>

Each label/checkbox has the form:
<label for="boxA2"><input type="checkbox" id="boxA2" >&nbsp;Combo&nbsp;A</label>

Alas, on my IE brower (5.2 for mac on mac os 10.3), when changing screen sizes
* the first row manages to keep each label with the corresponding checkbox -- but fails to indent.
* the second row indents (reasonably well) but totally fails to keep the checkboxes with the labels.

Any ideas????

Notes:
This test started with an attempt to get a similar line of checkboxes to render correctly on a windows IE environment...]
All lines are now handwritten, rather than the javascript coded lines I had in my earlier example... separation is now via non-breaking space rather than nowrap spans.
If duplicate ids are allowed, the result is the same

Hi, I have labels that aren't displaying properly in IE.
I have used similar code in many parts of the site without problem.

Please see this page in IE6.

The label contents don't display

If I move the labels outside of the content div it does display...

Code:

<div id="content">
<div id="tempcontent">
<div id='confirmation'>
  <p><label>Email address:</label>james@got.com<br></p>
  <p><label>Duration of stay:</label>2 day(s)<br></p>
  <p><label>Number of guests:</label>4<br></p>
  <p><label>Arrival date:</label>2007-01-03 00:00:00<br></p>
  <p><label>Departure date:</label>2007-01-05 00:00:00<br></p>
</div>

Code:

#content {
position:relative; 
background-color:#ffffff; /* dcba72 */
margin-top: -1em;

#tempcontent {
margin: 4em 4em;
}

#confirmation {
	margin: 2em 8em;
	border: 1px solid #781351;
	padding: 1em 3em;
}

label
{

width: 15em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
color:black;
}

Does anyone know what's going on?

Im trying to write a better office backend. My client does alot of mailings and would like to print an avery 5163(this is not set in stone) form with addresses and send in the mail. Right Now:
1. Generate List. (I wrote the web-app that does this).
2. Copy it from the generated webpage.
3. Pastes it to M$ Word.
4. Adjust any formatting issues.
5. Print the list.

What I'd like to do is
1. Generate List. (I wrote the web-app that does this).
2. Print the list.(The page would be formatted with CSS to achieve proper scale and dimension)

Does anyone know where I would go to even get started on accomplishing this task?

This seems so simple, yet my hour of searching has yeilded nothing!!

I simply want to make the numbers that appear for each <li> to be clickable.

I tried moving the ,a> tags outside the <li>, but that doesn't work.

I tried (to no avail) in CSS:
li a {list-style-position:inside; }
ans: ol li a {list-style-position:inside; }

also i added a property that enabled me to click anwhere to the right of the number across the whole page, but I forgot now what that was.


In the simplest illustration, I would like to be able to click on the no. 1 from the HTML code below.

<ol>
<li><a href="#a1" /></li>
</ol>

Hi

I'm trying to get the labels of my form to appear above their input boxes and for the input boxes themselves to be side by side (basically a horizontal login form)

I've used the label tag in my form after doing some research which looks like:
Code:

<form> 
<label for="email">Email</label> <br /> 
<input type="text" name="email" /> 
<label for="password">Password</label> <br /> 
<input type="text" name="password" /> 
</form> 

In my CSS I have a label property defined as:
Code:

label { 
display:inline-block; 
}

But the outcome is this:


Could anyone please shed some light on my problem?

Thank you