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

Help with Footer

For some reason when connecting my social media links the Facebook logo works fine but the Twitter logo is broken and not working. I don't see any issues whatsoever with the code and it's very frustrating. Help?? Here's my code:

</section> <footer> <a href="http://twitter.com"><img src="img/twitter-wrap.png” alt="Twitter Logo”></a> <a href="http://Facebook.com/brittany.flaherty.908"><img src="img/facebook-wrap.png" alt="Facbook Logo"></a> <p>© 2016 Brittany Flaherty.</p> </footer> </body> </html>

Can you post a snapshot of your workspace?

https://teamtreehouse.com/forum/workspace-snapshots

Maybe it's a browser caching issue. Try closing your preview tab and then clicking the preview button within workspaces. Or clear your browser cache.

I forked your workspace and I see both the twitter and facebook image.

3 Answers

Jeff Wilton
Jeff Wilton
16,646 Points

It's kind of hard to see but some of your double quotes are bad (due to copy-pasting from text with different encoding). Just manually re-type all of your double quotes to fix the issue.

Bad double quote: ”
Good double quote: "

There are two bad double quotes here:

<img src="img/twitter-wrap.png” alt="Twitter Logo>

I did try that and still no luck. Here is the updated code:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Brittany Flaherty | Coder </title> </head> <body> <header> <a href="index.html"> <h1>Brittany Flaherty</h1> <h2>Coder</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> <li> <img src="img/numbers-02.jpg" alt=""> </li> <li> <img src="img/numbers-06.jpg" alt=""> </li> </ul> </section> <footer> <a href="http://twitter.com"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a> <a href="http://Facebook.com/brittany.flaherty.908"><img src="img/facebook-wrap.png" alt="Facbook Logo"></a> <p>© 2016 Brittany Flaherty.</p> </footer> </body> </html>

When I click on the little icon, it takes me to the correct page, but it does not look like the twitter icon. I'm not sure what I'm doing wrong...

Jeff Wilton
Jeff Wilton
16,646 Points

Double check that the twitter-wrap.png image is in the same folder as the working facebook image. (double check the twitter image itself as well)

Edit: As others have stated, it looks fine to me as well - so your browser might have been cached with the old code that wasn't working. Next time you want to ensure you're seeing your latest changes, try doing a hard-refresh of the page with ctrl-shift-r (or your browser's equivalent).

Seth Kroger
Seth Kroger
56,413 Points

I second Jason that it looks fine when previewed from a copy of the workspace. What does the twitter icon look like with you try to preview?