horizontal page breaks

[rizlaa]

Hi,

I haveweb page which contains a gantt chart that scrolls horitontally over multiple pages. when i print the page only the first page is printed.

Is there anyway of placing horizontal page breaks in HTML??

[nelis]

Yes you can do that..

insert this where you want it to break

style="page-break-before: always"

[rizlaa]

that will only page break vertically and not horizontally
ie my chart is too wide to print i need to break it into page sized chunks.

[BLiZZaRD]

I think your horitz and vertices are backwards

Verticle is up and down, horizontal is side to side. The code above does horizontal, you want verticle

[djr33]

I think you're thinking about it backwards from how he/she was, and I was too earlier.
I believe that the OP is saying "breaks between two parts of the page that are horizontal from each other", so that the line of breaking is actually vertical, but the parts are horizontal.
So... I think the answer for this is a table. divs, with enough css, can mimic this as well, but this is generally what tables are used for.

[BLiZZaRD]

Perhaps. I was thinking his/her page had an image like this:

{______} and they wanted:

{__}{__} when printed.


dunno... long day, very confused! LMAO

[djr33]

oh... hmm.. printing. now i'm confused too.
and it has been a long day.

//sleep.

So... please explain a bit better.

[BLiZZaRD]

yes, and in more technical terms, I think of an image that is 1600px wide, and they want to hit the print button and have the image print out multiple little images, like a puzzle, say 4 of them each 400px wide...

A clarification from the OP will be most helpful.

[rizlaa]

sorry,
you are right.....
i meant i want it to break vertically as the chart is horizontally exceding the page size

so as you state i need a method of breaking a html (no images) chart that scrolls horizontally off the page into smaller sections so that each section is printable.

so even though the page is horizontally too big i guess i do need to be able to insert VERTICLE page breaks.....

[djr33]

Hmm... that's tough.

You could use tables, or divs.

But the problem here is that, in short, your printer reads html. Therefore, anything is shows will be the same onscreen.

you could just do a 100%, but that would be 100% of the screen.

I think the solution would be to use a seperate page for printing, but those are hard to setup and not too compatible... there are a couple scripts here on DD that do it... might help.


Also, if you just want the break... use tables. But that won't help with printing. Or you could try Divs on the same line. Something like that.