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

Posted by Dakota Marcinak
Dakota Marcinak
8,384 Points

i copied everything guil did in this solutions video, and none of my links or pictures are working or showing up.

So I started doing this bonus assignment and I might have messed up a thing or two but i'm not sure what. So then I watch the solutions video and I copied everything Guil did in his video and for the most part I got everything right. But my web pages don't load like his and some of them even 404. What am i doing wrong?

<!DOCTYPE html>
<html>
  <head>
    <title>The Dog Paw Blog</title>
  </head>
  <body>
    <header>
      <nav>
        <ul>
          <!-- 1. Link to the 'index' and 'about' HTML files -->
          <li><a href="index.html">Home</a></li>
          <li><a href="about.html">About</a></li>
        </ul>
      </nav>

      <h1>The Dog Paw Blog</h1>

      <!-- 2. Display the image 'header-img.jpg' located in the 'images' folder -->
      <img src="images/header-img.jpg" alt="a pug's mug">
      <p>All the best pictures and stories about your fun &amp; furry friends.</p>
    </header>

    <main>
      <h2>Featured Stories</h2>
      <article>
        <h3>Spiegel the Beagle Chases a Seagull</h3>

        <!-- 3. Display the image 'beagle.jpg' -->
        <img src="images/featured/beagle.jpg" alt="Spiegel the beagle">
        <p>Doggo ipsum very jealous pupper borkdrive maximum borkdrive most angery pupper I have ever seen fat boi pupperino, long water shoob thicc pupper h*ck. long woofer porgo stop it fren. Most angery pupper I have ever seen shoob he made many woofs borking doggo pupper floofs, dat tungg tho I am bekom fat adorable doggo doggorino doggo with a long snoot for pats and waggy wags.</p>

        <!-- 4. Link to the file 'beagle.html' -->
        <a href="posts/beagle.html">Read more &raquo;</a>
      </article>

      <article>
        <h3>Golden Retriever is Friends with a Beaver</h3>

        <!-- 5. Display the image 'golden.jpg' -->
        <img src="images/featured/golden.jpg" alt="a golden retriever">
        <p>Puppy kitty ipsum dolor sit good dog foot stick canary. Teeth Mittens grooming vaccine walk swimming nest good boy furry tongue heel furry treats fish. Cage run fast kitten dinnertime ball run foot park fleas throw house train licks stick dinnertime window. Yawn litter fish yawn toy pet gate throw Buddy kitty wag tail ball groom crate ferret heel wet nose Rover toys pet supplies.</p>

        <!-- 6. Link to the file 'golden.html' -->
        <a href="posts/golden.html">Read more &raquo;</a>
      </article>

      <article>
        <h3>McCluskey the Husky is Stubborn yet Trusty</h3>

        <!-- 7. Display the image 'husky.jpg' -->
        <img src="images/featured/husky.jpg" alt="McCluskey the huskey">
        <p>Bork shibe waggy wags shibe such treat shibe corgo, blep tungg doggorino heck heckin good boys and girls, snoot porgo long woofer long doggo big ol pupper.  Long doggo big ol pupper mlem blop, doggo. Woofer long doggo many pats stop it fren borking doggo boofers, floofs vvv smol borkdrive.</p>

        <!-- 8. Link to the file 'husky.html' -->
        <a href="posts/husky.html">Read more &raquo;</a>
      </article>
    </main>

    <footer>
      <p>Fun &amp; Furry images provided by the <a href="https://dog.ceo/dog-api/">Dog API</a>.</p>
    </footer>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <title>The Dog Paw Blog</title>
  </head>
  <body>
    <header>
      <nav>
        <ul>
          <!-- 1. Link to the 'index' and 'about' HTML files -->
          <li><a href="../index.html">Home</a></li>
          <li><a href="about.html">About</a></li>
        </ul>
      </nav>
      <h1>About the Dog Paw Blog</h1>

      <!-- 2. Display the image 'header-img.jpg' located in the 'images' folder -->
      <img src="../images/header-img.jpg" alt="a pug's mug">
    </header>

    <main>
      <p>Puppy kitty ipsum dolor sit good dog foot stick canary. Pet Food pet supplies gimme five puppy cage food feathers food heel feathers running pet gate walk lazy dog Spike. Good Boy park lazy dog walk kibble Scooby snacks licks canary.</p>
      <p>Roll Over kitty barky critters litter stick window litter box wagging field toy. Whiskers harness biscuit food lick small animals throw meow house train. Bedding field hamster small animals carrier polydactyl groom vaccine.</p>
    </main>

    <footer>
      <p>Fun &amp; Furry images provided by the <a href="https://dog.ceo/dog-api/">Dog API</a>.</p>
    </footer>
  </body>
</html>
KRIS NIKOLAISEN
KRIS NIKOLAISEN
54,971 Points

If you are using a workspace can you post this as a snapshot? Click the camera icon in the upper right corner, click 'Take Snapshot', then post the link that is created here.

Chris Chatzi
Chris Chatzi
7,700 Points
Chris Chatzi
Chris Chatzi
7,700 Points

Hello Dakota, the only thing that was not working on your home page was the "about" page ( <li><a href="about.html">About</a></li>). Include the page file like following: <li><a href="pages/about.html">About</a></li>. Everything else seems ok to me.

1 Answer

Konrad Dziekonski
Konrad Dziekonski
7,798 Points
Konrad Dziekonski
Konrad Dziekonski
7,798 Points

your link to the index.html leads to the root folder while the other one is supposed to link about section from the current folder, i think it should be the opposite but it's hard to say without the snapschot of your workspace, which you can take by clicking camera icon in the upper right corner of your workspaces, that will redicectyou to a ne window tam and than you have to paste here the link. Dakota + Babelu = gierka?