Thread

Hi, is it possible to put a limit to how many lines of text appear on a page, then have the rest of it paginated?

I am doing a band website with a journal section and one of the writers writes quite a bit, but the background image in the css isn’t long enough to handle that much text area without repeating.

Check out the site, to see what I mean.

Thanks,
- Scott

I’m not getting anything on that link?

really? it just worked for me even after I deleted the cache. try going here and then clicking on journal and then on “mike”.

Thanks,
Scott

Yeah, getting an error as well, for both URLs. I’m in Europe, if that’s of interest.

Me too, from Florida

Wow, that sucks. I have no idea why that would be. I’ve checked on a couple other peoples computers as well… hopefully it won’t stay that way once the final page is up and switch is made.

Any ideas on a fix based on my description? Basically, I have about a 550px image in the background of a text area, and the text that is on top of it, is going much further than 550px. So I need to figure out a way to limit that text to stop at a certain line (wherever that would be in relation to that many pixels) and then have the rest of the pages paginated…

Any ideas?

- Scott

Me too, Texas.

I’m not sure on the pagination, but what about running the background image into a solid color? Perhaps if you have a solid color at the base of the image you can use that as the background color.

It is a practice that is used a good deal for content of varying lengths.

oh, no, I’m sorry, that wouldn’t work very well on the page. It would just stand out a little too much I’m afraid and not look very good. I’m thinking maybe there is a way I can set up a weblog with two text fields and then have a conditional statement check to see if that second text field is empty or not, if it isn’t, then it will show a link to continue to the second page. I was initially wondering if that functionality was built in with the pagination function, but I guess not…

does that solution sound reasonable to you EE seasoned pro’s?

Well, you might still have the issue of text overflow. Would a div.scroller { overflow: scroll; } with a static background and a fixed height on the div-block work? Or maybe a Javascript scrollbar (I’m not saying I recommend that, btw)?

Yeah, I would rather not use a scroller, but that’s what I went with for now…. does anybody else have any other suggestions?

By the way, the link is working now (hopefully) the page is here

thanks,

- Scott

You could use .(JavaScript must be enabled to view this email address) to add pagination but it has be initiated manually, I’m afraid.

Basically, the author would add {pagebreak} to the text as he’s writing it. 

Might not be the best option with restricted space, but it might look better than the scrollbar that you have now.

Yeah, I would rather not use a scroller, but that’s what I went with for now…. does anybody else have any other suggestions?

I imagine you could use sIFR to display the text and have a greater amount of control over the display width/height of the characters, which could possibly be calculated. That font calculation is the problem, though, since you can’t guarantee the other person has the font (unless is really is generic, like serif), or that they don’t have some other issue, like large text.

Other than painting the text into an image overlay, though, I have hard time seeing how you might calculate that without using monospace fonts in HTML.

I guess you could eyeball it and then keep it conservative. Or see if you could detect the scroll and somehow pass that info on… Or do overflow: hidden and then “scroll” by click…