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 Sam Barton
Sam Barton
2,901 Points

Need help! I cant see that i've done anything wrong

I'm following the changes to a t, but my page doesnt look the same (images dont appear, style sheet doesnt work). Here is an example:

[http://web-t4lqitbmao.treehouse-app.com/])http://web-t4lqitbmao.treehouse-app.com/)

I have the image files/css file just as the instructor. Please help!

My code is as follows:

<!DOCTYPE html> 
<html>    
  <head>
    <meta charset="utf-8">
    <title>Sam Barton | Developer</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/main.css">
  </head>
  <body> 
    <header>
      <a href="index.html">
        <h1>Sam Barton</h1>
        <h2>Designer</h2>
      </a>
      <nav>
        <ul>
          <li><a href="index.html">Portfolio</a></li>  
          <li><a href="about.html">About</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </nav>
    </header>
    <section>
      <ul>
        <li>
          <a href=img/numbers-01.jpg>
            <img src="img/numbers-01.jpg" alt="">
            <p>Experimentation with color and texture.</p>  
          </a>
        </li>

          <li>
          <a href=img/numbers-02.jpg>
            <img src="img/numbers-01.jpg" alt="">
            <p>Playin with blending modes in ps.</p>  
          </a>
        </li>

        <li>
          <a href=img/numbers-06.jpg>
            <img src="img/numbers-01.jpg" alt="">
            <p>trying to create an 80's style of glows.</p>  
          </a>
        </li>

        <li>
          <a href=img/numbers-09.jpg>
            <img src="img/numbers-01.jpg" alt="">
            <p>Drips created using photoshop brushes.</p>  
          </a>
        </li>

        <li>
          <a href=img/numbers-12.jpg>
            <img src="img/numbers-01.jpg" alt="">
            <p>Creating shapes using repetition.</p>  
          </a>
        </li>
      </ul>

    </section>
    <footer>      
      <img src="img/twitter-wrap.png" alt= "Twitter Logo">
      <a href="https://www.facebook.com/sam.barton.355"><img src="img/facebook-wrap.png" alt= "Facebook Logo"> </a>     

      <p>&copy; 2014 Sam Barton</p>
    </footer>
  </body>
</html>

4 Answers

Kathryn Ann
Kathryn Ann
10,071 Points

You need to put quotes around the image file paths in the href attributes.

Sam Barton
Sam Barton
2,901 Points

Thanks!

Sam Barton
Sam Barton
2,901 Points
Sam Barton
Sam Barton
2,901 Points

Link doesnt work fyi

Peaches Stubbs
Peaches Stubbs
21,320 Points
Peaches Stubbs
Peaches Stubbs
21,320 Points

Hi Sam I do not see where your style sheet is included here. Also with the images are any of them showing at all. I noticed to the bottom for facebook you used an absolute path but did not do the same for twitter. Please check these and let me know. Also it would be easier to assist you if we could see all of your code. Thanks.

Jason Anello
PLUS
Jason Anello
Courses Plus Student 94,610 Points
Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Hi Sam,

I checked your page and the browser isn't finding the css and image files where they should be.

I would double check both your "css" and "img" folder and make sure all the files are there. Your paths look correct in the html.although you need to update the src attribute for your 2nd, 3rd, 4th, and 5th images. You kept using img/numbers-01.jpg

Sam Barton
Sam Barton
2,901 Points

Thanks for the help. I think you might have been looking at the wrong workspace, but you were right, i had an issue with the Image folder. Appreciate the help! :)