Hello!

I am having issues with anchor links in Google Chrome.

I have a page with several anchor links. They all work fine in IE and Firefox, but in Chrome they either do nothing or jump to the wrong location.

I am guessing Chrome has started handling these differently to other browsers so any tips on how to make it work would be appreciated.

Upon editing the HTML I noticed the anchor objects are all grouped together, for example:

<div class="Object4031"><a name="Mind2"></a></div>

And then these objects are positioned as follows:

div.Object4031 { position:absolute; top:1228px; left:238px; width:15px; z-index:63; }

If I cut and paste the objects manually into the right area in the HTML the anchor links then work in Chrome but obviously as soon as I then edit the file again in VSD it moves them all back to where they should be.

Perhaps Chrome isn't handling things as it is expected to.

Any tips appreciated.

Thanks

Post a link, will you? We need to see the problem, in its context.

This should help.
http://progrower.coffeecup.com/links.html

Hi Guys,

Thanks for your replies.

Here's a link to the page in question:

http://www.heavenister.com/Dev/EKHDev/EKHTHERAPY.html

Curently for me, the anchor links (accessible from the bullet points at the bottom) only work in Firefox / Internet Explorer. They do not work in Chrome and I am also told the same is true for Safari.

Eric, thanks for the link; I have implemented one of the longer anchor links with the target="_self" etc. yet the link still does not work in Chrome.

I should add the same is true when linking across pages (the bullet points at the bottom appear on each page of the site).

Any tips appreciated.

Thanks

They all work for me in Safari and Chrome.

Strange!

On mine, some do nothing, others take me to the wrong location on the page.

Only for Chrome though. Fine in Firefox / IE.

Does not work in Chrome for me! Try this ...





Let us know if you figure this out.

Hey Gunsmoke,

I tried it like this:

<p><a name="Weight2"></a></p>

and this:

<div><a name="Weight2"></a></div>

They both worked in Firefox but still not in Chrome!

I see the same Chrome problem as you do, Jonny. Works fine in Firefox but the landing locations in Chrome are all a bit off, typically ending up one paragraph too low.

The only glitch I see in the coding is a missing closing </font> tag for each of the anchor links, but I doubt that it would cause the problem we're seeing:


I vaguely remembered having seen a very similar case of different behavior in VSD between Chrome and other browsers quite some time ago. I searched the forums and found this:
http://www.coffeecup.com/forums/designe … m-to-work/

Unfortunately it doesn't really seem to provide a solution but if you read through it, maybe you'll get some ideas...

Have you tried these without the page name:
<a href=#smoking2>Smoking Cessation</a> (goes to <a name="smoking2"></a>)*
rather than including the page name:
<a href="EKHTHERAPY.html#Smoking2">Smoking Cessation</a>

*(no need to capitalize your link names)