Html Question posted in
Some basic documentation can be found here.

Html – Having trouble setting <a href=""> on same page as <a id=""> so I can link from another page

I have a page with categories of PDF downloadable links. The categories are each named thus: <a ID="place_link_goes_to"> so they can be linked to from another page.
I assume I need to place a link to each them from the top of the page because the list I have on another page (a full https path ending in #place_link_goes_to) isn’t going up anywhere but to the top of the page.

Now because I don’t want the whole list of <a href="each_of_them"> to be seen, I made the text white and small. (This doesn’t seem like the right way to do it, but nothing else is working so far.) Here’s the series of links at the top of the page:

<a href="#directory">Homeowner Directory</a><a href="#Bylaws">Bylaws</a><a href="#ccrs">Covenants, Conditions, & Restrictions</a><a href="#financial_statements">Financial Statements</a><a href="#minutes">Board Meeting Minutes</a><a href="#sunbiz">Sunbiz Registrations</a>

Then each of the sections linked above have these coded names, e.g.:

<a id="directory">Homeowner Directory</a>

My thinking is that when I click on the full https path from another page that ends in #directory (e.g. https://example.com/login/documents#directory) it should go to the Homeowner Directory, but it doesn’t. It just goes to the top of the page.

I hope what I’m doing wrong is simple and I should know better. Please point it out to me. Thank you!

Tags:

2

Answers


  1. Chosen as BEST ANSWER
    0

    I have found my solution. I should have said I was working on a WordPress site, and I just realized it was creating error links. Instead of <a id="bylaws">Bylaws</a>, when I inspected the page, I saw this: <a href=“http://<a href=“#bylaws”>Bylaws</a></a>. It's no wonder my links weren't working. So I found that I could create an anchor for each paragraph (a block in WP). The anchor for the group Bylaws is simply the word "bylaws" and WordPress automatically makes that #bylaws. When I tested it, the full link path https://example.com/documents#bylaws from the other page jumped right to it. There was no need for the series of small invisible links at the top of the page after all, and of course they would only be necessary if I were jumping from somewhere on the same page (such as what @Andrew thought must be a navbar). I'm sure everyone's help will be of use to others, and I'm very appreciative of your time and thoughts.


  2. 0

    For your nav linking method to work, it should look more like this.

    navbar.html

    <body>
   <a href="/info/#security">Security</a>
</body>

    file that /info leads to

    <body>
    a lot of stuff here ...
    <div id="security"></div>
</body>

    Then, when the user clicks on the <a> in navbar.html, it will lead to /info/security and scroll all the way to where a tag with the id security is.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search