Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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,780 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.

Daniel Santos
Daniel Santos
34,969 Points

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,780 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.

Daniel Santos
Daniel Santos
34,969 Points

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,780 Points

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

Daniel Santos
Daniel Santos
34,969 Points

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