Hi there, have just found your forum as I am looking for a little advice and help with a portfolio website I am creating. I'm not sure if its in the right forum or not, but please feel free to correct me. :-)

I'm having some problems with my gallery page, in that when I scroll down the page and click one of the links the page jumps back up to the top again which is somewhat very annoying as you have to scroll back down again. I was wondering if you would be so kind to take a look over it.

You will see the problem and can you suggest how I may fix it and also if you see anything else wrong with the site or have any suggestions I appreciate it as this is my first portfolio site and I would like to get it right.

Thanks

Anna

link to site is www.spooksanonymous.com

You might want to ask the people in the java script thread. I dont know java script, but I am pretty sure it has something to do with the way you are having the new windows pop up. Good luck!

What is suppose to happen if they click the link?

The reason it jumps to the top is that every link has # as a place for it, which will reload the page but with # on the end, which does nothing, so really the page is just being reloaded again starting from the top of the page.

The only way would be to remove every href="#" and just leave it as an anchor instead, that way clicking on the image has no effect in what it does.

Cheers,

MC

We're not too sure of how to go about replacing the href="#" link with an anchor. Please could you give us a few pointers, we did have an attempt but it kept going wrong lol...

Cheers

Anna & Mike

the reason it is jumping back to the top is because you are loading a new page. I'm not sure if this would be the best way to fix it but I am pretty sure an iframe would fix it.

ok (sorry for double post) I figured something out that will work in html

Page One

<a href="page2.html#pagejump">Next</A>

Page Two (above the first image)

<a name="pagejump">

This will work in all browsers. iframes are not support in some browsers.

-Hope This Helps

Basically all I was suggesting is instead of

<a href="#" ... ><img .... /></a>

You do:

<a ...><img ... /></a>

The horizontal ellipsis (...) just means fill in the rest of the code unchanged.

You eliminate using href, and just leave it as a plain anchor tag.

Other suggestions are:

<a id="image1" href="#image1" ... >

This is just a bookmark back to the same place you're at. ID must be unique though.

or

<a href="javascript:void();" ... >

This should just do nothing when clicked on it.

Cheers,

MC