Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

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

Posted by Michael Atchley
Michael Atchley
7,888 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">

1 Answer

Ashley Claiborne
Ashley Claiborne
8,722 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.