4

I am trying to do what should be some the most basic html, but it's not working for me. Here is my code:

<a name="rocket"></a>
<div>
<h3>The Title</h3>
<p>some text</p>
</div>

I want to use the anchor name to fly down the contact page to the correct section.

When I use a link within the contact page like this:

<a href="#rocket">click here</a>

it works fine. But i want to come from another page and then fly down. So I am using this:

<a href="http://mysite.com/contact#rocket">click here</a>

but it seems to add a slash after contact and redirect to http://mysite.com/contact/#rocket, which means that it stays at the top of the contact page instead of flying down.

Does anyone know why this is happening? If you could point me in the right direction, I'd be grateful.

Thanks,

Yukon

ps, i have read all similar questions on this site, but they don't help me.

3
  • 3
    Is the anchor's href attribute really hardcoded (as HTML) like that, or is that the expected output of something? May 8, 2013 at 22:17
  • 1
  • thx again Andrew. In case anyone else is bashing their head against the wall with the same problem, the trailing slash causes all the trouble, so try mysite.com/contact/#rocket instead of mysite.com/contact/#rocket Probably a noob mistake, but i thought I'd share it. May 9, 2013 at 0:48

1 Answer 1

7

It is okay that the URL changes to http://mysite.com/contact/#rocket, but you should change the way you are defining your anchor on the target page.

Instead of using this method

<a name="rocket"></a>
<div>
<h3>The Title</h3>
<p>some text</p>
</div>

You should add an ID to the content you want to jump to like this:

<div id="rocket">
<h3>The Title</h3>
<p>some text</p>
</div>

This way your HTML markup is cleaner and there isn't an extra <a> element for the jump.

1
  • 1
    Or <h3 id="rocket" tabindex="0">.
    – fuxia
    May 9, 2013 at 4:44

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.