title: Linking to local subdomains
body: <p>I made a nav bar for my website that has three pages, all in the same directory.</p>
  <ol>
  <li><p><code>index.php</code> has 2 sections: <code>#donate</code> and <code>#info</code>.</p>
  </li>
  <li><p><code>quiz.html</code> is just one page.</p>
  </li>
  <li><p><code>contact.html</code> is just one page.</p>
  <p>On <code>index.php</code> my navbar works perfectly. Here is the code:</p>
  </li>
  </ol>
  <pre><code>&lt;div class=&quot;w3-bar w3-black w3-card&quot;&gt;
      &lt;a class=&quot;w3-bar-item w3-button w3-padding-large w3-hide-medium w3-hide-large w3-right&quot; href=&quot;javascript:void(0)&quot; onclick=&quot;myFunction()&quot; title=&quot;Toggle Navigation Menu&quot;&gt;&lt;i class=&quot;fa fa-bars&quot;&gt;&lt;/i&gt;&lt;/a&gt;
      &lt;a href=&quot;#&quot; class=&quot;w3-bar-item w3-button w3-padding-large&quot;&gt;&lt;strong&gt;HOME&lt;/strong&gt;&lt;/a&gt;
      &lt;a href=&quot;/quiz.html&quot; class=&quot;w3-bar-item w3-button w3-padding-large w3-hide-small&quot;&gt;QUESTIONAIRRE&lt;/a&gt;
      &lt;div class=&quot;w3-dropdown-hover w3-hide-small&quot;&gt;
        &lt;button class=&quot;w3-padding-large w3-button&quot; title=&quot;More&quot;&gt;MORE &lt;i class=&quot;fa fa-caret-down&quot;&gt;&lt;/i&gt;&lt;/button&gt;     
        &lt;div class=&quot;w3-dropdown-content w3-bar-block w3-card-4&quot;&gt;
          &lt;a href=&quot;#info&quot; class=&quot;w3-bar-item w3-button&quot;&gt;INFO&lt;/a&gt;
          &lt;a href=&quot;/contact.html&quot; class=&quot;w3-bar-item w3-button&quot;&gt;CONTACT&lt;/a&gt;
          &lt;a href=&quot;#donate&quot; class=&quot;w3-bar-item w3-button&quot;&gt;DONATE&lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  <p>But when I use the navbar on <code>quiz.html</code>, When I hit &quot;DONATE&quot; or &quot;CONTACT&quot;, it doesn't work- it takes me to <code>quiz.html#</code>, even though &quot;INFO&quot; has the same syntax, and works. Here is the code for <code>quiz.html</code>'s navbar:</p>
  <pre><code>&lt;div class=&quot;w3-bar w3-black w3-card&quot;&gt;
              &lt;a class=&quot;w3-bar-item w3-button w3-padding-large w3-hide-medium w3-hide-large w3-right&quot; href=&quot;javascript:void(0)&quot; onclick=&quot;myFunction()&quot; title=&quot;Toggle Navigation Menu&quot;&gt;&lt;i class=&quot;fa fa-bars&quot;&gt;&lt;/i&gt;&lt;/a&gt;
              &lt;a href=&quot;/index.php&quot; class=&quot;w3-bar-item w3-button w3-padding-large&quot;&gt;HOME&lt;/a&gt;
              &lt;a href=&quot;#&quot; class=&quot;w3-bar-item w3-button w3-padding-large&quot;&gt;&lt;strong&gt;QUESTIONAIRRE&lt;/strong&gt;&lt;/a&gt;
              &lt;div class=&quot;w3-dropdown-hover w3-hide-small&quot;&gt;
                  &lt;button class=&quot;w3-padding-large w3-button&quot; title=&quot;More&quot;&gt;MORE &lt;i class=&quot;fa fa-caret-down&quot;&gt;&lt;/i&gt;&lt;/button&gt;
                  &lt;div class=&quot;w3-dropdown-content w3-bar-block w3-card-4&quot;&gt;
                      &lt;a href=&quot;/index.php/#info&quot; class=&quot;w3-bar-item w3-button&quot;&gt;INFO&lt;/a&gt;
                      &lt;a href=&quot;/contact.html&quot; class=&quot;w3-bar-item w3-button&quot;&gt;CONTACT&lt;/a&gt;
                      &lt;a href=&quot;/index.php/#donate&quot; class=&quot;w3-bar-item w3-button&quot;&gt;DONATE&lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  <p>The same problem occurs in <code>contact.html</code>, where it can't go to &quot;CONTACT&quot; or &quot;DONATE&quot;
  I tried absolute linking, but it didn't help.</p>
  <p>(You can look at the problem <a href="http://hosty.epizy.com" rel="nofollow noreferrer">here</a>, but I don't have a ssl cert yet)</p>
  <p>How can I fix the references?</p>