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.

[blm126]

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

CSS has a media type of print. You can inlude a style for just when things are printed out.

[djr33]

Ah, that would be helpful.


Also, a note... if your page is too wide to print, it's also too wide to view for most, if not all, of your viewers. I hate scrolling horizontally. I'm not sure exactly what your site is, so you might be an exception to that being a bad idea, but see if there's any way around it. It would solve a lot.

[nelis]

Side scrolling stinks..

I would think that sites that have that type of format would end up having information that is missed by a lot of people...

As for the verticle break, I've not successfully accomplished that.

I had a table once that was wide, I ended up creating multiple pages to handle the data, ala not having to scroll side ways at the same time..

GL on that one..