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

Posted by Krystel Hagan
Krystel Hagan
4,731 Points

Backgrounds & Borders Code Challenge

Q: Next, add the image 'mike.png' located inside the 'img' folder to the background. We only want Mike to appear once, so follow it with a property and value that will not repeat the image.

A: .box { background-color: #387ABC; background-image: url("img/mike.png") background-repeat: no-repeat; }

I have looked this over multiple times and cannot figure out where my mistake is, halp!

4 Answers

Patrick Donahue
Patrick Donahue
9,523 Points
Patrick Donahue
Patrick Donahue
9,523 Points

Either add a semi-colon after the image or remove "background-repeat:". I think that will solve your problem.

James Ingmire
James Ingmire
11,901 Points
James Ingmire
James Ingmire
11,901 Points 
.box {background:#387ABC url("img/mike.png") no-repeat;}

Hope this helps:)

Richard Duncan
Richard Duncan
5,568 Points
Richard Duncan
Richard Duncan
5,568 Points

You're missing a semi colon at the end of background-image: url("img.mike.png");

Krystel Hagan
Krystel Hagan
4,731 Points
Krystel Hagan
Krystel Hagan
4,731 Points

Thank you everyone! I keep missing the little things :/

James Ingmire
James Ingmire
11,901 Points

It happens! Thats what makes it fun, lol.