user1910388 user1910388 - 12 days ago 5
HTML Question

Navigate to anchor on another page

I simply want to navigate from one page to a specific point on another

I have a home page with four sections.

<section>
<a name="section1"></a>
</section>

<section id="section2">

</section>

<section>
<a name="section3"></a>
</section>

<section id="section4">

</section>


Section 2 and 4 feature on every page, so my nav looks like:

<nav>
<ul>
<li><a href="index.html#section1">ABOUT</a></li>
<li><a href="#section2">APARTMENTS</a></li>
<li><a href="index.html#section3">LANDLORDS</a></li>
<li><a href="#section4">CONTACT</a></li>
</ul>
</nav>


The links aren't navigating to the index page or the desired section of the index page.

Thanks in advance.

Now I have

<section>
<a name="section1"></a>
</section>

<section id="section2">

</section>

<section>
<a name="section3"></a>
</section>

<section id="section4">

</section>


and my navigation:

<nav>
<ul>
<li><a href="#section1">ABOUT</a></li>
<li><a href="#section2">APARTMENTS</a></li>
<li><a href="#section3">LANDLORDS</a></li>
<li><a href="#section4">CONTACT</a></li>
</ul>
</nav>


It is still not working

Answer

Are you sure that you have placed the files in same directory? I've tested the code that you have provided and it's working. However you could try this out (a different way of giving sections an id):

<section>
    <a id="section1">
        CONTENT
    </a>
</section>

If you have done this, just use the same way of linking:

<a href="different-page.html#section1">Section One</a>
Comments