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 CSS Foundations Backgrounds and Borders Background Properties

Posted by Tünde Matócza
Tünde Matócza
11,194 Points

Help needed with challenge

Hello!

I got stuck at this level. I am not able to add the background properly, can someone help me out? .box { background-image: url("img/mike.png") no-repeat; }

I appreciate your help. Thanks!

3 Answers

Ryno Botha
Ryno Botha
Courses Plus Student 4,055 Points

Hey ^^

I think there looking for:

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

For no-repeat, you won't be able to use it in Background-image, you'll have to use background-repeat.

if you want to use them together you'll just have to use background

.box{
background: url('img/mike.png') no-repeat #387ABC;
}
Adam Sackfield
PLUS
Adam Sackfield
Courses Plus Student 19,663 Points
Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

I got it to pass with the shorthand by adding the color and background image to the same rule like so

.box {
    background: #387ABC url("img/mike.png") no-repeat;
}
Tünde Matócza
Tünde Matócza
11,194 Points
Tünde Matócza
Tünde Matócza
11,194 Points

Thank you, I didn't realise that the no-repeat was in wrong place.

Ryno Botha
Ryno Botha
Courses Plus Student 4,055 Points

Mp ^^