Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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

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">

1 Answer

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.