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 Advanced Backgrounds

Andy Tan
Andy Tan
35,969 Points
Posted by Andy Tan
Andy Tan
35,969 Points

Can't figure out how to layout the different background images

Hi Guys

If someone can help me with this, I'm trying to lay out the three images as background images but i can't seem to get it right even though I looked at the preview and it looks fine. Can anyone help me?

.sketch {
    background: url('img/smiley.png') no-repeat right top, url('img/pencil.png') no-repeat left bottom,
    url('img/texture.jpg') #EED293;
}

2 Answers

Ivan Burda
Ivan Burda
10,897 Points
Ivan Burda
Ivan Burda
10,897 Points

Hi Andy, When I check your code and compare it to the original code, I can see a difference in the name of the selector. The selector you are using is .sketch but it should be .sketch-img. Apart from this I cannot see anything faulty.

Andy Tan
Andy Tan
35,969 Points
Andy Tan
Andy Tan
35,969 Points

Hi Ivan

I tried that, but in the end it turns out I had to reference the pencil.png first and then the smiley.png, but thanks for helping out anyway =)