views:

45

answers:

0

Hey everyone,

I think I have a pretty unique and challenging issue here...

I should also preface this by noting that I'm quite inexperienced, and probably shouldn't even be considered a coding novice. I'm primarily a designer, not a programmer, and my knowledge is limited to basic html and css. As soon as I finish with this project I plan to take a few weeks to focus on training myself, probably using the resources on lynda.com. (By the way, can anyone vouch for lynda.com's quality?? It seems like a great auto-didactic resource, but I'm open to recommendations.)

Anyway, my big challenge here is that I'm building a very atypical website that is all about visuals and very little about functionality. (That is, it needs to function logically and effectively, but the content is very simple!)

I have a background image of an open book, and I want to display/overlay short stories across the pages of this book. I've decided that scroll bars are mega-ugly, and the goal is to simulate a book-reading experience, as realistically as I can on a website. I came across another website that solves this layout issue quite gracefully. Check this out: http://www.fakeproject.com/you%5Fare%5Fnot%5Fdead/#

I'd like the page I'm building to be similar in layout, but I can't just include my text in the raster image because these short stories need to be able to be frequently updated, and new stories need to be added with ease. That's why I need to find a way to overlay the text above the background image. Again, a div with a scroll bar is not an option for me. I'd like to simulate the turning of pages by scrolling to the right (like on FakeProject.com). To do this I'd like to find a way to automatically string apDivs (or something like divs?) together so that the overflow will pick up where it left off in the next apDiv in sequence. (Perhaps I could do this by coding a "page-break" after a certain number of rows or after a certain height of pixels in the linked story file??)

Again, the primary issue here is that the content of the linked stories are easily updated, and new stories are easy to add! I need to minimize maintenance.

I'm hoping someone will enjoy the challenge of helping me solve this one, as I'm pretty sure that it's very unusual.

My emphatic thanks for any help that can be provided! I'm pretty stuck here. : /