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

CSS How to Make a Website CSS: Cascading Style Sheets What is CSS?

fitrobotic
fitrobotic
1,290 Points

CSS is not changing the color to the footer

Hi

It looks like I have written the code correctly however, the CSS is not changing the footer text at all. Also my footer text Davina Fisher 2014 is a link to Facebook in the browser, although I did not add a link to it on the Workspace??? Here is a link to the workspace: http://web.kh2jzbbokn.treehouse-app.com/

Dave McFarland
Dave McFarland
Treehouse Teacher

Hi Davina Fisher Unfortunately, you can't yet share workspaces, so we can't see your example. Can you post your code here in the forum? Here's more information on How to post code to the forum

4 Answers

Kate Hrycak
Kate Hrycak
5,542 Points

Hi Davina, Thanks for the code. So, you have a couple weird things going on, but mostly, it's forgetting to close the <img> tag and adding a </a> tag. That's why it looked funny to me in the inspector. Specifically for your question about the footer, I tried out this and it works (I think) as you expect:

<footer> 
<a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a>
<a href="http://facebook.com/nickpetit"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a> <p>&copy; 2014 Davina Fisher.</p> 
</footer>

Does that clear some things up?

Kate Hrycak
Kate Hrycak
5,542 Points

Hi Davina,

I checked out your workspace and did an inspection using Chrome DevTools. It looks like your footer has some extra <a> tags hanging around. Ensure that all of your Social links start with <a> and end the line with just </a>. Also, after your <p> tag with your name, you do close that tag, but there is another closing </a> after it.

If I were you, I'd first check to make sure all of your syntax is correct and then let me know if it's still problematic!

fitrobotic
fitrobotic
1,290 Points

Hi Kate

I don't see any extra <a>'s? Here is the code:

```<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Davina Fisher | Super Mom</title> <link rel="stylesheet" href="css/normalize.css"> <style> nav a { color: white; background-color:orange; } </style> </head> <body> <header> <a href= "index.html"> <h1>Davina Fisher</h1> <h2> Mom</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"</li> <img src="img/numbers-01.jpg" alt=""> <p>Experimentation with color and texture</p> </a> </li> <li> <a href="img/numbers-02.jpg"</li> <img src="img/numbers-02.jpg" alt=""> <p>Playing with blends in Photoshop</p> </a> </li> <li> <a href="img/numbers-06.jpg"</li> <img src="img/numbers-06.jpg" alt=""> <p>Trying to create an 80's style of glows</p> </a> </li> <li> <a href="img/numbers-09.jpg"</li> <img src="img/numbers-09.jpg" alt=""> <p>Drips created using Photoshop brushes</p> </a> </li> <li> <a href="img/numbers-12.jpg"</li> <img src="img/numbers-12.jpg" alt=""> <p>Experimentation with color and texture</p> </a> </li> </ul> </section> <footer> <a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo"</a> <a href="http://facebook.com/nickpetit"><img src="img/facebook-wrap.png" alt="Facebook Logo"</a> <p>© 2014 Davina Fisher.</p> </footer> </body> </html>

fitrobotic
fitrobotic
1,290 Points

Hi Kate

This worked! Thanks.