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

Jason Larkin
Jason Larkin
13,970 Points
Posted by Jason Larkin
Jason Larkin
13,970 Points

Problem with multiple image layers

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

}

I'm getting the message that I need to check the link values. Any suggestions? Thank you in advance for any replies.

3 Answers

Wil Goolsby
Wil Goolsby
8,593 Points

the issue is in your positioning. I'll put the correct code in, but its a simple mistake. If you don't want to see it avoid looking after the line..

<!------- Correct Code Follows -----------> <!------- Correct Code Follows -----------> <!------- Correct Code Follows ----------->

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

Jason Larkin
Jason Larkin
13,970 Points
Jason Larkin
Jason Larkin
13,970 Points

Thank you Will, that worked !

Wil Goolsby
Wil Goolsby
8,593 Points
Wil Goolsby
Wil Goolsby
8,593 Points

You're welcome!