Simple Internal Links not working

AnchovyLegend picture AnchovyLegend · Jun 5, 2013 · Viewed 8.6k times · Source

This should be pretty straightforward, I am trying to create a "Table of Contents" that links to various parts of a long page...

This is what I tried:

<ul>
      <li><a href="#features">Features</a></li>
</ul>

Further down in the page...

<a name="features"></a>

Am I missing something? It simply never links as if the anchor is not linked properly.

I appreciate any advice in this regard.

Many thanks in advance!

Answer

AnchovyLegend picture AnchovyLegend · Jun 5, 2013

To those having a similar problem, I found out why it was not working.

Many elements on my page are floating elements. As a result, the browser cannot find a precise point to link to if the anchor target is not within a floated element. In other words, if the anchor tag is outside a floating element, and you have many floating elements on your page, internal links may not work properly. To fix this, place your anchor target within one of the floating elements.