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

Harrison Greeves
Harrison Greeves
2,920 Points
Posted by Harrison Greeves
Harrison Greeves
2,920 Points

Why can't I link to articles.html any more?

My two links ('Read More') from index to articles won't work any more. What am I missing? My images also won't show.

<!DOCTYPE html>
<html>
  <head>
    <title>Experience VR</title>
  </head>

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

      <nav>
        <ul>
          <li><a href="#">Home</a></li>
          <li><a href="#about">About</a></li>
          <li><a href="#articles">Articles</a></li>
          <li><a href="#contact">
            Contact
            <ul>
              <li>Email</li>
              <li>Phone</li>
              <li>Address</li>
            </ul>

          </a></li>
        </ul>
        </nav>
      </header>



    <div>
      <img src="img/featured.jpg" alt="A boy using VR" title="Immersed in the moment">
        <p>Virtual Reality (VR) is the future</p>
        <a href="https://teamtreehouse.com/vr" target=_blank>Start your VR journey</a>
      </div>

      <section id="about">
      <h2>About this site</h2>
        <p><span>Lorem ipsum dolor sit amet, consectetur adipiscing elit</span>. Suspendisse vehicula metus in bibendum laoreet. Aenean libero est, egestas eu eros pretium, sodales iaculis est.</p>

          <figure>
            <img src="img/vr-space.jpg" alt="User experiencing space in VR">

            <figcaption>
              VR users can explore faraway places
            </figcaption>

          </figure>

      </section>

      <main>
          <section id="articles">
          <h2>Latest VR Articles</h2>


            <article>
              <header>
                <h3>Virtual Reality and Schools</h3>
                  <p>By Harrison Greeves</p>
              </header>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ultrices euismod turpis eget porta. Etiam nulla massa, pretium et massa nec, ornare dignissim nisi</p>
              <a href="articles/2018/article.html#vr-article">Read more</a>
              <footer>Published: February 3rd, 2018</footer>
            </article>

            <article>
              <h3>The Advantages of VR Simulation</h3>
                <header>
                <h3>Virtual Reality and Schools</h3>
                  <p>By Harry Potter</p>
              </header>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ultrices euismod turpis eget porta. Etiam nulla massa, pretium et massa nec, ornare dignissim nisi.</p>
              <a href="articles/2018/article.html#vr-article">Read more</a>
            </article>
            <footer>Published: February 3rd, 2018</footer>
          </section>

          <section id="contact">
          <h2>Contact</h2>
            <p>Email us at <a href="mailto:vristhefuture@gmail.com?subject= Hello%20There!">vristhefuture@gmail.com</a></p>
            <p>Phone us at <strong>077-765-349</strong></p>
            <p>Address:</p>
            <address>
            <strong>Harri's House</strong><br>
              <strong>43 Big Street</strong><br>
              <strong>Harri'sville</strong><br>
              <strong>England</strong>

            </address>
          </section>

        </main>

      <aside>
        <h3>Top VR Resources</h3>
          <ol>
            <li><a href="#">Learn to create educational experiences in VR</a></li>
            <li><a href="#">Virtual Reality in Entertainment</a></li>
            <li><a href="#">Interact with buildings and products in VR</a></li>
            <li><a href="#">Use VR for teleconferencing and social media</a></li>
          </ol>

        <hr>

        <blockquote cite="https://www.facebook.com/zuck/posts/10101319050523971">
          "Virtual reality was once the dream of science fiction. But the internet was also once a dream, and so were computers and smartphones. The future is coming." - <cite> <a href="https://www.facebook.com/zuck/posts/10101319050523971">Mark Zuckerberg</a></cite>
        </blockquote>

      </aside>
      <footer>
        <p><small>&copy;2018 Experience VR, The Blog</small></p>
        </footer>
    </div>
  </body>

</html>

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

  <body>
    <div> <!-- Start wrapper 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
            <ul>
              <li>Email</li>
              <li>Phone</li>
              <li>Address</li>
            </ul>

          </a></li>
        </ul>
        </nav>
      </header>

    <article id="vr-article">
      <header>
    <h2>VR Article</h2>
        <p>By Nick Diaz</p>
        <p>Published: May 21st, 2056</p>
      </header>
      <img src="../../img/vr-user.jpg" alt="A fascinated man with VR" title="A jaw-dropping experience">
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce finibus urna lacus, ut lacinia elit pretium a. Praesent rutrum ac ipsum vitae rhoncus. Nam non molestie purus.</p>
<p>Nunc imperdiet, dui in varius eleifend, magna enim imperdiet felis, at ultricies magna metus vitae ante. Nulla in porttitor nibh. Mauris non libero in massa porta varius non sed magna. Donec ac mauris mattis, viverra turpis ac, dictum arcu.</p>

      <aside>
      <q>This is a pull quote from the VR Article</q>
      </aside>

<p>Vivamus molestie laoreet viverra. Ut ac fringilla ex. Donec at nisl semper, commodo mi maximus, fermentum nisi. Duis bibendum gravida ante sit amet consectetur. Curabitur ac est id justo euismod porta quis ac arcu.</p>
    </article>

    <aside>
      <h3>More Articles about VR</h3>
      <ul>
        <li> <a href="#">Make a VR Game</a></li>
        <li> <a href="#">Make another VR Game</a></li>
      </ul>
    </aside>

      <h3>VR Gaming</h3>
      <img src="/" alt="Boy enjoying VR gaming" title="For all ages!">
      <p>Vivamus molestie laoreet viverra. Ut ac fringilla ex. Donec at nisl semper, commodo mi maximus, fermentum nisi. Duis bibendum gravida ante sit amet consectetur. Curabitur ac est id justo euismod porta quis ac arcu.</p>

    <footer>
      <p>&copy;2018 Experience VR, The Blog</p> <!-- Copywrite info -->

      <section>
      <h2>Contact</h2>
        <p>Email us at vristhefuture@gmail.com</p>
      </section>

    </footer>
      </div> <!-- End wrapper div -->
  </body>

</html>

Moderator edited: Markdown corrected so that code renders properly in the forums.

Harrison Greeves
Harrison Greeves
2,920 Points
Harrison Greeves
Harrison Greeves
2,920 Points

I've added it. Just needed to find out the correct syntax.

1 Answer

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Hi there! Unfortunately, this is next to impossible to answer without seeing your code or the workspace. The easiest way for us to assist you would be to post a snapshot of your workspace here. That way we can fork it and take a look around. :sparkles: