on this site:
I used anchors to link the show ads on either side of the page to the appropriate section of the show page. This works perfectly in Safari, Firefox (on mac) and IE (on PC).
Our client and one other person have complained that the link to "GodSpell" opens "Heart & Soul" in the centre of the page instead of GodSpell, but I cannot duplicate this. I can't find out what browser / version / OS they're using as they don't know.
Clicking on the GodSpell image on the home page takes you to shows.html#b which is GodSpell. (Heart & Soul is shows.html#a)
They say the other show links work perfectly. I thought initially their browser might not support anchors, but if the others work, then I don't get why this one doesn't.
Is there a better way to link these images than using anchors? Could the problem be that the anchor links are within a ProjectVIII scroller?
>I thought initially their browser might not support anchors,
First an FYI... in html, all links use the anchor tag - so all browsers support anchors. What you are specifically dealing with are 'named anchors'. I am able to duplicate the problem in FF 12 on Win XP. I don't see anything really wrong with the code. Try formatting all of the content next to the anchors exactly the same for each one. Currently you have some with extra <BR> tags within.
I'm on 1920x1080 too. Each show in the centre fills the window. Clicking on the image on the left or right takes you to the appropriate show in the show.html page using the anchors as the reference point. You can still scroll to see the other shows.
I hope I'm not missing the point here but I think you have your anchor references mixed up on the page.
Just to make absolutely sure, and if it were me, I would go throught the code and change your anchor references from a, b, c, d, etc to real names:
A few code errors to check:
I see several problems. In Firefox 12, the only links that work consistently for me are "Love Letters" and "Sinatra". If I use the custom scrollbar and go all the way down to "Sinatra," the links don't trigger anything. Same thing happens in Chrome.
For an alternate approach, I created a named anchors demo (without tables). You'll see there is ample space between each of the named anchor regions (view page source to see the code).
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
I agree with Martin in that you should probably be using easier-to-find names. However, Bregent I believe is correct in his answer as you have incorrect formatting throughout that section. See below for the possible fix.
<h4> <a name="a"></a><img src="images/shows/show1.jpg" alt="The Heart and Soul of Broadway" width="525" height="489" border="0"><br /> <a name="b"></a><img src="images/shows/show2.jpg" alt="Godspell" width="525" height="489" border="0"><br /> <a name="c"></a><img src="images/shows/show3.jpg" alt="Country Sunshine" width="525" height="489" border="0"><br /> <a name="d"></a><img src="images/shows/show4.jpg" alt="Country Sunshine" width="525" height="489" border="0"><br /> <a name="e"></a><img src="images/shows/show5.jpg" alt="Love Letters" width="525" height="489" border="0"><br /> <a name="f"></a><img src="images/shows/show6.jpg" alt="The Songs of Sinatra" width="525" height="528" border="0"> </h4>
thanks everyone, I've incorporated Rik's response and I just heard from the client that it works! Thanks so much everyone.
I was working on the JQuery version because it looks so much nicer, but when I heard Rik's solution worked, I thought I'd leave it for now.