Navigation works only on first two

Get Started
1

navigation links only works on first two.
Can you help me understand why I can’t get all the links working?
I’m on Firefox and a Mac. Thank you

<div id=“navigation1”>
<ul>
<li><a href=“FDS Index.html”><h1>FLEMING</h1></a></li>
<li><a href=“FDS Profile.html”><h4a>Profile</h4a></a></li>
<li><a href=“FDS Projects.html”><h4a>Projects</h4a></a></li>
<li><a href=“FDS Contact.html”><h4a>Contact</h4a></a></li>
</ul>
</div> <!–end of navigation1 div –>

2

You have made quite a few errors the h4 cannot be nested within the Anchor and you have made some tags (h4a is nonsense) and have spaces in your filenames which you should not have for the web.

     <ul>
      <li>
        <h1>
          <a href="FDS%20Index.html">FLEMING</a>
        </h1>
      </li>
      <li>
        <h4>
          <a href="FDS%20Profile.html">Profile</a>
        </h4>
      </li>
      <li>
        <h4>
          <a href="FDS%20Projects.html">Projects</a>
        </h4>
      </li>
      <li>
        <h4>
          <a href="FDS%20Contact.html">Contact</a>
        </h4>
      </li>
    </ul>

Although I very much doubt you should be using H4 for that list. This is probably how you should have rewritten your code. Albeit makes little sense having those h1 and h4 in that list in the first place.

3

Thanks for your help and comments ( nonsense included ). The code left me with only one first button working. Quick explanation on %20?
Any other thoughts?
novice inching forward.

4

first two links work only:

<div id=“navigation1”>
<ul>
<li><a href=“FDS%20Index.html”>FLEMING</a></li>
<li><a href=“FDS%20Profile.html”>Profile</a></li>
<li><a href=“FDS%20Projects.html”>Projects</a></li>
<li><a href=“FDS%20Contact.html”>Contact</a></li>
</ul>
</div> <!–end of navigation1 div –>

thanks again

5

I think you need to give us more information. A simple list of links like that should work fine. What does ‘not working’ mean? You click and nothing happens? You get taken to an error page?

It’s best not to have gaps in file names on the web. So instead of naming your files

FDS Index.html

name them something like

FDSIndex.html or fds-index.html

If you are determined to have a gap, they you’d best fill the gap with the code that says to a computer ‘gap’, which is what xhtmlcoder was doing above. The code for the gap is %20 in urls.

6

Not much harm can from using spaces since most modern browsers are smart enough to handle spaces properly. However, the HTML will be invalid when using a strict HTML 4.01 doctype.

So URLs should always be properly encoded.

7

If the other two aren’t working when you have created the correct code that is because they don’t exist (wrong filename) or aren’t where you specified.

8