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?

jamesscott
jamesscott
4,432 Points
Posted by jamesscott
jamesscott
4,432 Points

Footer is not changing to green.

I've followed the steps in the video and the color of the footer is not changing to green.

Suggestions?

3 Answers

jamesscott
jamesscott
4,432 Points
jamesscott
jamesscott
4,432 Points

Here's what I've got so far.

<!DOCTYPE html>

<html> <head> <meta charset="utf-8"> <title>James Scott | Musician</title> <link rel="stylesheet" href="css/normalize.css"> <style> footer { color:green; } </style> </head> <body> <header> <a href="index.html"> <h1>James Scott</h1> <h2>Musician</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"> <img src="img/numbers-01.jpg" alt=""> <p>Experimentation with color and texture.</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/numbers-02.jpg" alt=""> <p>Playing with blending images.</p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p>Trying to get an Eighties style glow.</p> </a> </li> <li> <a href="img/numbers-09.jpg"> <img src="img/numbers-09.jpg" alt=""> <p>Brushes.</p> </a> </li> <li> <a href="img/numbers-12.jpg"> <img src="img/numbers-12.jpg" alt=""> <p>Shapes with repetition.</p> </a> </li> </ul> </section> <footer> <a href="http://twitter.com/jamesscottgtr"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a> <a href="http://facebook.com/jamesscottguitar"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a> </footer> <p>Ā© 2014 James Scott.</p> </footer> </body> </html>

Kairi Jaano
Kairi Jaano
778 Points
Kairi Jaano
Kairi Jaano
778 Points

Hi! Kindly close the style tag :) </style>

Nejc Vukovic
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Nejc Vukovic
Full Stack JavaScript Techdegree Graduate 51,574 Points
Nejc Vukovic
.a{fill-rule:evenodd;}techdegree seal-36
Nejc Vukovic
Full Stack JavaScript Techdegree Graduate 51,574 Points

Depends on your code.

Post your code and we'll have a look whats been bothering you.

TooGOOD ToBEReal
TooGOOD ToBEReal
2,360 Points
TooGOOD ToBEReal
TooGOOD ToBEReal
2,360 Points

Don't worry my friend is a simple mistake you forgot to close the style tag in your css. you also closed the footer twice. advice: always read before you save, remember a "Good" developer is not who write the most amount of codes, but the one who check his work a thousand times if necessary an make sure that the codes is right. have a nice day!!!!! ;). it should be:

<style>

</style>