Building a Technical Documentation Page

I am not sure what I am doing wrong. The error i’m given is "each .nav-link should have an href attribute that links to its corresponding .main-section (eg. if you click on a .nav-link element that contains the text “hello world” the navigates to a section element with that id). When I click on the nav-link it does scroll to that part of the page.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Technical Documentation Page</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./styles.css">
    </head>
    <body class="body">
      <nav class="navbar" id="navbar">
        <header id="title">Searching Your Family Tree</header>
       <ul><li> <a class="nav-link" href="#Where_to_begin">Where to begin</a></li>
     <li> <a class="nav-link" href="#Gathering_information">Gathering information</a></li>
      <li><a class="nav-link" href="#Computer_Searching">Computer Searching</a></li>
      <li><a class="nav-link" href="#Physical_Searching"> Physical Searching</a></li>
      <li><a class="nav-link" href="#Compiling_data">Compiling Data</a></li></ul>
      </nav>
      <main class="main" id="main-doc">
      <section class="main-section" id="Where_to_begin">
    <header id="Where_to_begin">Where to begin</header>
        <code></code>
        <p>When beginning to make a family tree you first should start with the things you know.</p>
        <p>You can gather items from people in your family such as:</p>
        <ul><li>Family Stories</li>
        <li>Name of family members</li>
        <li>Dates and places of birth, marriage and death</li>
        <p>Next you can start to do more searching there will be helpful tips in other sections below.</p>
      </section></a>
      <section class="main-section" id="Gathering_information">
        <header id="Gathering_information">Gathering information</header>
        <code></code>
        
        <p>In this step you should write down all of the information you collected in the previous step.</p>
        <p>There are many ways you can compile this information such as:</p>
        <ul><li>Write on paper</li>
        <li>Enter into a computer</li>
        <li>Use a free family tree website</li>
        <li>Use a paid family tree website</li>
        </ul>
        <p>After you compile the things you know you can then begin on searching for things you do not know</p>
        <p>Find sources for things you do and do not yet know. Here are a few ways to do so:</p>
        <ul>
          <li>Go to your local library</li>
          <li>Search on the internet (more below on how to do this)</li>
          <li>Look at newspapers</li>
          <li>Go to the cemetery</li>
          <li>ect;</li></ul>


      </section>
      <section class="main-section" id="Computer_Searching">
        <header id="Computer_Searching">Computer Searching</header>
        <code></code>
        
        <p>Many people search for their family history information on the computer.</p>
        <p>Some sources that might be helpful in your search are:</p>
        <ul>
          <li><a href="google.com">Google</a></li>
          <li><a href="https://www.ancestry.com/">Ancestry.com</a></li>
          <li><a href="https://www.familysearch.org/en/united-states/">FamilySearch.org</a></li>
          <li><a href="https://www.findagrave.com/">Findagrave.com</a></li>
          <li><a href="https://www.archives.gov/">National Archives</a></li>          
          </ul>
      </section>
      <section class="main-section" id="Physical_Searching">
        <header id="Physical_Searching">Physical Searching</header>
        <code></code>
        
        <p>Not everything is available on the internet so you will eventually have to find things in person.</p>
        <p>There are a few different ways I like to search for my information:</p>
        <ol><li>Talk to your oldest living relatives first</li>
        <li>Start local by going to your nearest library to see if they have a genealogy section</li>
        <li>Call your local records department for paper copies of birth, marriage, and death records. (some of these may cost money)</li>
        <li>After exhausing your local places you can call other places where your relatives might have lived to see if they have any information</li>
        <li>If you are able to I reccommend going to the National Archives located in Washington D.C.</li>
        </ol>
      </section>
      <section class="main-section" id="compiling_data">
       <header id="Compiling_data">Compiling Data</header>
        <code></code>
        
        <p>While searching for your information it is important to keep a good record of your sources.</p>
        <p>You can keep record in many different ways. Some people like to keep paper copies others like to find a free or paid website to compile what they have found.</p>
      </section>
      </main>
</body>
  </html>



#navbar ul {display:flex; margin: 5px;}
#navbar li {padding: 12px;}
ul {list-style: none; }
@media screen and (max-height: 450px) {
   # navbar  {padding-top: 15px;}
   #navbar  a {font-size: 18px;}
 }

Please post your actual code instead of screenshots. Thanks

I am not sure how to do that. It says I can’t post because it has too many links.

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

Thank you for that. I updated the post to give it just the text.

1 Like

I found my error, I had miss typed one of my nav-links with a capital letter instead of a lowercase letter.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Technical Documentation Page</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./styles.css">
    </head>
    <body class="body">
      <nav class="navbar" id="navbar">
        <header id="title">Searching Your Family Tree</header>
       <ul><li> <a class="nav-link" href="#Where_to_begin">Where to begin</a></li>
     <li> <a class="nav-link" href="#Gathering_information">Gathering information</a></li>
      <li><a class="nav-link" href="#Computer_Searching">Computer Searching</a></li>
      <li><a class="nav-link" href="#Physical_Searching"> Physical Searching</a></li>
      <li><a class="nav-link" href="#compiling_data">Compiling Data</a></li></ul>
      </nav>
      <main class="main" id="main-doc">
      <section class="main-section" id="Where_to_begin">
    <header id="Where_to_begin">Where to begin</header>
        <code></code>
        <p>When beginning to make a family tree you first should start with the things you know.</p>
        <p>You can gather items from people in your family such as:</p>
        <ul><li>Family Stories</li>
        <li>Name of family members</li>
        <li>Dates and places of birth, marriage and death</li>
        <p>Next you can start to do more searching there will be helpful tips in other sections below.</p>
      </section></a>
      <section class="main-section" id="Gathering_information">
        <header>Gathering information</header>
        <code></code>
        
        <p>In this step you should write down all of the information you collected in the previous step.</p>
        <p>There are many ways you can compile this information such as:</p>
        <ul><li>Write on paper</li>
        <li>Enter into a computer</li>
        <li>Use a free family tree website</li>
        <li>Use a paid family tree website</li>
        </ul>
        <p>After you compile the things you know you can then begin on searching for things you do not know</p>
        <p>Find sources for things you do and do not yet know. Here are a few ways to do so:</p>
        <ul>
          <li>Go to your local library</li>
          <li>Search on the internet (more below on how to do this)</li>
          <li>Look at newspapers</li>
          <li>Go to the cemetery</li>
          <li>ect;</li></ul>


      </section>
      <section class="main-section" id="Computer_Searching">
        <header>Computer Searching</header>
        <code></code>
        
        <p>Many people search for their family history information on the computer.</p>
        <p>Some sources that might be helpful in your search are:</p>
        <ul>
          <li><a href="google.com">Google</a></li>
          <li><a href="https://www.ancestry.com/">Ancestry.com</a></li>
          <li><a href="https://www.familysearch.org/en/united-states/">FamilySearch.org</a></li>
          <li><a href="https://www.findagrave.com/">Findagrave.com</a></li>
          <li><a href="https://www.archives.gov/">National Archives</a></li>          
          </ul>
      </section>
      <section class="main-section" id="Physical_Searching">
        <header>Physical Searching</header>
        <code></code>
        
        <p>Not everything is available on the internet so you will eventually have to find things in person.</p>
        <p>There are a few different ways I like to search for my information:</p>
        <ol><li>Talk to your oldest living relatives first</li>
        <li>Start local by going to your nearest library to see if they have a genealogy section</li>
        <li>Call your local records department for paper copies of birth, marriage, and death records. (some of these may cost money)</li>
        <li>After exhausing your local places you can call other places where your relatives might have lived to see if they have any information</li>
        <li>If you are able to I reccommend going to the National Archives located in Washington D.C.</li>
        </ol>
      </section>
      <section class="main-section" id="compiling_data">
       <header>Compiling Data</header>
        <code></code>
        
        <p>While searching for your information it is important to keep a good record of your sources.</p>
        <p>You can keep record in many different ways. Some people like to keep paper copies others like to find a free or paid website to compile what they have found.</p>
      </section>
      </main>
</body>
  </html>

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.