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 How to Make a Website CSS: Cascading Style Sheets What is CSS?

Alexx Pryjma
PLUS
Alexx Pryjma
Courses Plus Student 701 Points
Posted by Alexx Pryjma
Alexx Pryjma
Courses Plus Student 701 Points

What's wrong with my footer selector?

I'm following along with the video and entering the footer details. The website isn't changing accordingly and I can't figure out what I'm doing wrong.

https://w.trhou.se/6p4vgcrpwk

Also, trying to understand various elements of workspace. What does it mean to fork? And what does it mean when text is highlighted red (as you'll see in my snapshot)?

Alexander Samokhin
Alexander Samokhin
9,647 Points
Alexander Samokhin
Alexander Samokhin
9,647 Points

You didn't close img tag inside of a tag in footer. Should be <a href="http://facebook.com/nickpettit><img src="img/facebook-wrap.png" alt="Facebook Logo"></a> <a href="http://twitter.com/nickrp><img src="img/twitter-wrap.png" alt="Twitter Logo"></a>

3 Answers

Riho Rannamäe
Riho Rannamäe
3,784 Points
Riho Rannamäe
Riho Rannamäe
3,784 Points

Check your quotation marks after the links in the footer element. And there is a missing > before the closing anchor tag, where the Twitter image is.

    <footer>
      <a href="http://facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a>
      <a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a>
      <p>&copy; 2014 Nick Pettit.</p>
    </footer>
Riho Rannamäe
Riho Rannamäe
3,784 Points
Riho Rannamäe
Riho Rannamäe
3,784 Points

When your code is red in Workspace, it means that there is a error (errors) in the code. I'm not sure, but I guess Fork Workspace means that you can access the code, which someone else has made, so you can have it for yourself to edit. I found these mistakes in your code.

•Quotation mark

<link rel="stylesheet" href="css/normalize.css"> <!--after the normalize.css a quotation mark is missing-->

•The endings of the link element tags with the images have some mistakes.

  <a href="http://facebook.com/nickpettit><img src="img/facebook-wrap.png" alt="Facebook Logo"</a>  <!--Missing ">" after alt-->
  <a href="http://twitter.com/nickrp><img src="img/twitter-wrap.png" alt="Twitter Logo" </a>

  <a href="http://facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a>  <!--Correct-->
  <a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a>

After fixing those mistakes, your code is correct and good to go. Hope this helped! :)

Alexx Pryjma
Alexx Pryjma
Courses Plus Student 701 Points
Alexx Pryjma
Alexx Pryjma
Courses Plus Student 701 Points

I think I've changed the corrections posted here but text is still red and footer is still not showing up as planned. Now I can't seem to link my snapshot to this comment.....

Riho Rannamäe
Riho Rannamäe
3,784 Points
Riho Rannamäe
Riho Rannamäe
3,784 Points

Copy-Paste your code here from the Workspaces.