Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening:
Describe your issue in detail here.Please assist these error messages keep coming up: Your #navbar should have exactly one header element within it. AND Each .nav-link should have an href attribute that links to its corresponding .main-section (e.g. If you click on a .nav-link element that contains the text “Hello world”, the page navigates to a section element with that id).

Your code so far!DOCTYPE html>

technical documentation JavaScript_and_Java1
  • JavaScript_and_Java2
  • JavaScript_and_Java3
  • JavaScript_and_Java4
  • JavaScript_and_Java5
  • JavaScript_and_Java1JavaScript_and_Java1 JavaScript_and_Java2JavaScript_and_Java2 JavaScript_and_Java3JavaScript_and_Java3 JavaScript_and_Java4JavaScript_and_Java4 JavaScript_and_Java5JavaScript_and_Java5
    <!-- file: index.html -->
    <!DOCTYPE html>
    <html lang="en">
      <html>
        <head><title>technical documentation</title>
        <main id="main-doc"><section class="main-section"id="JavaScript_and_Java1"><header>JavaScript_and_Java1</header><code></code><li></li><p></p><p></p></section>
        <section class="main-section"id="JavaScript_and_Java2"><header>JavaScript_and_Java2</header><code></code><li></li><p></p><p></p></section>
        <section class="main-section"id="JavaScript_and_Java3"><header>JavaScript_and_Java3</header><code></code><li></li><p></p><p></p></section>
        <section class="main-section"id="JavaScript_and_Java4"><header>JavaScript_and_Java4</header><code></code><li></li><p></p><p></p></section>
        <section class="main-section"id="JavaScript_and_Java5"><header>JavaScript_and_Java5</header><code></code><li></li><p></p><p></p></section></main>
        <meta charset="utf-8"><meta name="viewport"content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="styles.css"></head>
      <nav id="navbar"><header>JavaScript_and_Java1</header><a class="nav-link" href="https:javascriptandjava1">JavaScript_and_Java1</a></nav>
      <nav id="navbar"><header>JavaScript_and_Java2</header><a class="nav-link" href="https:javascriptandjava2">JavaScript_and_Java2</a></nav>
      <nav id="navbar"><header>JavaScript_and_Java3</header><a class="nav-link" href="https:javascriptandjava3">JavaScript_and_Java3</a></nav>
      <nav id="navbar"><header>JavaScript_and_Java4</header><a class="nav-link" href="https:javascriptandjava4">JavaScript_and_Java4</a></nav>
      <nav id="navbar"><header>JavaScript_and_Java5</header><a class="nav-link" href="https:javascriptandjava5">JavaScript_and_Java5</a></nav>  
        
      </html>
    
    /* file: styles.css */
    @media (max-width:1169px){#navbar{right: 0;}}
    

    Your browser information:

    User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36

    Challenge: Technical Documentation Page - Build a Technical Documentation Page

    Link to the challenge:

  • You’ve got five nav elements all with the id set to navbar. Id’s are supposed to be unique, so only one of them can have the id of navbar.

    Also, you really only want one nav element. All of the links for the menu will go inside that one nav.

    Same error

    type or paste code here<nav id="navbar"><header>JavaScript_and_Java1</header><a class="nav-link" href="https:javascriptandjava1">JavaScript_and_Java1</a>
      <header>JavaScript_and_Java2</header><a class="nav-link" href="https:javascriptandjava2">JavaScript_and_Java2</a>
      <header>JavaScript_and_Java3</header><a class="nav-link" href="https:javascriptandjava3">JavaScript_and_Java3</a>
      <header>JavaScript_and_Java4</header><a class="nav-link" href="https:javascriptandjava4">JavaScript_and_Java4</a>
      <header>JavaScript_and_Java5</header><a class="nav-link" href="https:javascriptandjava5">JavaScript_and_Java5</a></nav>
    

    How many header elements do you have in #navbar?

    Just One Header Element. So left with just this error: Each .nav-link should have an href attribute that links to its corresponding .main-section (e.g. If you click on a .nav-link element that contains the text “Hello world”, the page navigates to a section element with that id).

    type or paste code here<nav id="navbar"><header>JavaScript_and_Java</header><a class="nav-link" href="https:javascriptandjava1">JavaScript_and_Java1</a>
      <a class="nav-link" href="https:javascriptandjava2">JavaScript_and_Java2</a>
      <a class="nav-link" href="https:javascriptandjava3">JavaScript_and_Java3</a>
      <a class="nav-link" href="https:javascriptandjava4">JavaScript_and_Java4</a>
     <a class="nav-link" href="https:javascriptandjava5">JavaScript_and_Java5</a></nav>
        
      </html>
    

    The URLs for your links are not quite right. I don’t think any of the courses taught internal page links, so this is something you have to figure out on your own. I would look at how these links work in the example project.

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