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

Image not showing on preview. Help anyone? I am using google chrome.

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>DeAndre Filer</title> <link rel="stylesheet" href"css/normalize.css"> <style> footer { color: green; </style> </head> <body> <header> <a href="index.html"> <h1>DeAndre Filer</h1> <h2>Developer</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> <img src="img/numbers-01.jpg" alt=""> </li> </ul> </section> <footer> <p>Ā© 2015 DeAndre Filer.</p> </footer> <a href="twitter.com/nickrp"><img src="twitter-wrap.png" alt="Twiiter logo"></a> <a href="facebook.com"><img src="Facebook-wrap.png" alt="Facebook logo"></a> </body> </html>

6 Answers

rydavim
rydavim
18,813 Points

Thanks for posting your snapshot!

It looks like your capitalization is inconsistent between your file structure and your code. Generally, the convention is to start with a lower-case letter.

If you right click on your "Img" folder on the left-hand side of your workspace and rename it to "img", that should fix your display issue.

However you choose to name your files and folders, being consistent will help you remember what to type when you need to reference them later.

This might not be the problem, but this is a error anyways.

In

<link rel="stylesheet" href"css/normalize.css">

You should have

<link rel="stylesheet" href="css/normalize.css">

You are missing an equal sign.

Inside of your style tag, you are missing a closing curly brace. It should be something like this.

<style>
  footer {
     color: green;
   }
</style>

About your question, is any images showing at all? For example, the social media images? Anything at all?

rydavim
rydavim
18,813 Points

It looks like Daniel is happy to help if you're able to share your workspace.

Without seeing all of your code and file structure, I can recommend this Treehouse blog post by Nick Pettit on fixing broken image links. He covers fixes for several common problems that could cause broken images.

No, there isn't any images showing in the preview, however the symbols are there referencing that an image is suppose to be there.

Are you using Workspace? if so, do you know how to Snapshot Workspace? Otherwise check this https://teamtreehouse.com/forum/workspace-snapshots and share you project with me to help you out.

Thank you so much rydavim!!!!!!!! I am very new to programming. It is difficult, but i am enjoying every bit. Thanks

rydavim
rydavim
18,813 Points

Absolutely! Glad you got it working, and welcome to Treehouse!

Nice to heard that you got it all done, keep it up. If there is something that will take you far is "consistency". Play with every bit of code and technology that you learn. Implement your ideas, so your internal genius can wake up!

Happy code journey.

  • Dan