HTML HTML Basics Going Further with HTML Working on a Website Project Locally

Michael Atchley
Michael Atchley
2,253 Points

Cannot get to Articles by clicking read more. No images as well.

I downloaded everything from The workspace working fine. Now that it is in Atom I cannot get any of the articles to navigate anywhere and the images are not working as well.

<html> <head> <title>VR Article</title> </head>

<body> <div> <header> <h1>Experience VR</h1> <p>A simple blog about virtual reality experiences.</p>

    <nav>
      <ul>
        <li><a href="../../index.html">Home</a></li>
        <li><a href="../../index.html#about">About</a></li>
        <li><a href="../../index.html#articles">Articles</a></li>
        <li><a href="../../index.html#contact">Contact</a></li>
      </ul>
    </nav>
  </header>

  <article id="vr-article">
    <header>
      <h2>Vr Article</h2>
      <p>John Snow</p>
      <p>Published: June, 14 1978</p>
    </header>

    <img src="../../img/vr-user.jpg" alt="user trying a VR headset">
Ashley Claiborne
Ashley Claiborne
6,565 Points

Are you working in a different html file that is stored in a different directory from your index.html? Remember that "../" moves you out of a directory. So for example, from root, "/img" will take you into the img directory (folder), then "../" will take you back out of img to the root.

I noticed all of your li links show you navigating out two directories to reach index.html and I'm wondering if that path is correct. The img path also shows you moving out two directories before moving into the img directory. I can't say for sure without seeing what file you are working on or where it is stored, but my guess is remove "../../" from all your paths.