Help - Search - Members - Calendar
Full Version: Layout Help & Jumping Sections with JQuery
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
rooster
Greetings Folks!

So I put this site together based on a website's site layout and well, let's just say is not as nice.

I did, tho, do the best I could without using jquery scrollpane which the original site looks like they used.

Here's the site I did www.universalpartnership.org

I'd like to be able to make the page jumps smoother and have the particular sections come to the center rather than somewhere on the page.

I'd really, really like to make the vertical scrolling on the whole page go away, it's seriously annoying. And is there a way to change the scroll bar to be smaller?

Also, (hehehe) I had to add a table with nothing in it to get the width to be nice and big. I couldnt figure out how to increase the width POST starting the page and all. It'd be nice to dump that and do it the right way. I would have kept the table but I could get it to be flush against the top and the left.

I guess the major issues I have is being able to add code post building the page in design view. I just dunno where things go and I've been reading article after article and it's been a lost cause so far. So, if you are kind and so inclined to offer some support by way of help, indicating where code goes would be awesome and a great learning curve for me!

I've added the page as an attachment in case any whizzes can hook it up!

thanks much in advance!
peace
rooster
Darin McGrew
QUOTE
I'd really, really like to make the vertical scrolling on the whole page go away, it's seriously annoying.
What do you expect to happen when the content won't fit in the area available to it? Vertical scrolling is normal browser behavior that your visitors will be familiar with.
rooster
QUOTE(Darin McGrew @ Apr 29 2012, 11:07 PM) *

QUOTE
I'd really, really like to make the vertical scrolling on the whole page go away, it's seriously annoying.
What do you expect to happen when the content won't fit in the area available to it? Vertical scrolling is normal browser behavior that your visitors will be familiar with.


Oh, I meant the horizontal scrolling on each section. I think I know how to fix that but my main concern is being able to make the nav buttons jump to the right sections smoothly and in the center of the page.

sorry bout that!
Darin McGrew
QUOTE(rooster @ Apr 30 2012, 05:10 PM) *
Oh, I meant the horizontal scrolling on each section.
Well, the scrolling doesn't seem to work well at all to me.
Click to view attachment
And some of the scrolling mechanisms I'm used to using don't work at all on your site. A site like that has to be pretty important before I'll put up with such a badly broken UI.
rooster
I know that it is not working well and is bad, that is why I am looking for some help here. Got any help or just gonna tell me what I already know... that it currently sux.
Darin McGrew
Have you ever heard the term "broken as designed"?

I don't see a way to fix your design because the basic design is broken. The solution is to stop trying to enforce horizontal scrolling, to stop trying to prevent vertical scrolling, and to just let your web site work the way your visitors expect web sites to work.
script_monkey
Try to make your site scroll vertical , up and down ...as opposed to side to side. It's unnatural in UI.

With all of that content I would put them on separate pages and have a navigation at your left for those pages. If you want to stack that content on top of eachother for vertical scrolling. use this between each section <BR> that tells the HTML to skip a line, like a return on a typewriter skip a line and start on the next one. and two of them <BR><BR> makes it a double space ..probably much cleaner for what you would want.

find it in your code where one section stops and add <BR><BR>

and this will stack the individual content boxes vertical.
as far as the scrolling on each one of those, your div or frame there is too small make it larger with width="500" or something to get the size bigger so there is no scroll bars and use height="650" or whatever it takes to make it longer vertical and eliminate all scroll bars.




This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2014 Invision Power Services, Inc.