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

javier graterol
javier graterol
6,056 Points
Posted by javier graterol
javier graterol
6,056 Points

.scketch, whats wrong with the code?

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

EDIT: Hi, I changed your code so it look properly . Press EDIT and see what I did to achieve this.

Aurelian Spodarec
Aurelian Spodarec
7,369 Points

Hi, what are you trying to do ? is this an challenge? if yes can you poste your Question ? I see some mistakes but what are you try to achieve ?

5 Answers

Aurelian Spodarec
Aurelian Spodarec
7,369 Points

Okayy here it is 

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

What you did Is you didn't not put the image above ,,you put it after. So the pencil comes firt then the smiley and last the texture. I think that was the problem too.

So that means, the Pencil will come first, then the Smiley and only then the Texture .

Hope this helps

javier graterol
javier graterol
6,056 Points
javier graterol
javier graterol
6,056 Points

Yes , its a challenge. This is it :

We have an image file, 'smiley.png', located in the 'img' folder. Add it as an image above the texture background. Set it so that it doesn't repeat, and position it in the top-right corner of the div. Then, add 'img/pencil.png' above the smiley image layer. Set it so that it doesn't repeat, and position it in the bottom-left corner.

Aurelian Spodarec
Aurelian Spodarec
7,369 Points

Could you poste all the code that you wrote there? and html too? Ill try and see it . And what part of code challenge it is ? part 1 , part 2 part 3..?

javier graterol
javier graterol
6,056 Points
javier graterol
javier graterol
6,056 Points

This is the html. the challenge is just 1 step

<!DOCTYPE html>
<html>
<head>
    <title>Multiple Background Images</title>
    <link rel="stylesheet" href="page.css">
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="sketch"></div>
</body>
</html>
Aurelian Spodarec
Aurelian Spodarec
7,369 Points
Aurelian Spodarec
Aurelian Spodarec
7,369 Points

ah okay okay , ill try and see it. I see if I can solve it in time as I need to go in a moment but if no one will reply , I will look this at home .