Page breaks in web pages

[EvilManagedCare]

Hi all,

In word processors, for example, one can insert a page break such that a new page is started before the previous page's end is reached (e.g. alt-enter in MS Word). Is this acheiveable in web pages as well? I don't mean doing so as the user views the rendered page.

For example, I am displaying the results of 2 documents documents in a single web page. Each webpage contains 2 separate letters that are sent out to two different parties. I would like application to return a single web page such that both letters can be viewed within the same page (the contents of both would be seen as the user scrolls down the page), but when the webpage is printed 2 documents are printed (each letter would print on a single sheet of paper). Is this possible? My first thought is it could possibly be acheived by some CSS, but how would you indicate where the end of the first letter goes and the next one begins?

Hope this makes sense.

 

[Krioni]

This makes sense, and i'm not sure that this can be achieved via CSS.

Would it be acceptable to show a PDF for this information? Or create two separate pages/web views?

Web printing is a little bit of a PITA.

 

[Krioni]

Maybe could do something like:

Letter one click here (opens a new window with the first letter)
Letter two click here (opens a new window with the second letter)

OR

Click here for a PDF with the letters

 

[EvilManagedCare]

I believe I have found a solution. I know I Googled this before and nothing came back that was useful. Bottom line, I was unaware the page break properties could be applied to more than table elements. Nothing to see here...

Seems to be resolved unless anyone else has other suggestions.


edit: Thanks for the fast response, Krioni. For the purposes of this application, the web printing won't be too much of a hardship.

 

[Krioni]

Interesting... haven't seen/used that before. WIll have to check it out.

 

[beginner99]

You can have a css for display and one for printing.
In display you float them next to each other, in printing normal order below each other.

 

[Krioni]

You can have a css for display and one for printing.
In display you float them next to each other, in printing normal order below each other.

Yeah, I know that... but that doesn't address his original question of having specific page breaks.

 

[Aluvus]

Use the CSS "page-break-before" or "page-break-after" properties.

http://www.w3schools.com/cssref/pr_print_pagebb.asp
http://www.w3schools.com/cssref/pr_print_pageba.asp