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 Basics (2014) Basic Layout Styling the "Wildlife" div with Background Properties

Harry Woodford
Harry Woodford
1,865 Points
Posted by Harry Woodford
Harry Woodford
1,865 Points

I'm meant to target the wildlife container and give it an image background. But the code I used I'm told is wrong

I've used this code to target the class wildlife and give it a background image but the site says it's wrong.

.wildlife{ background-image:url(../img/bear.jpg); }

style.css 
/* Complete the challenge by writing CSS below */
.wildlife{
background-image:url(../img/bear.jpg);
}
index.html 
<!DOCTYPE html>
<html>
  <head>
    <title>Lake Tahoe</title>
    <link rel="stylesheet" href="page.css">
    <link rel="stylesheet" href="style.css">
  </head>
  <body> 
        <div class="primary-content t-border">
            <p class="intro">
                Lake Tahoe is one of the most breathtaking attractions located in California. It's home to a number of ski resorts, summer outdoor recreation, and tourist attractions. Snow and skiing are a significant part of the area's reputation.
            </p>
            <a class="callout" href="#more">Find out more</a>
      <div class="wildlife">
        <h2>Check out all the Wildlife</h2>
        <p>
          As spawning season approaches, the fish acquire a humpback and protuberant jaw. After spawning, they die and their carcasses provide a feast for gatherings of <a href="#mink">mink</a>, <a href="#bears">bears</a>, and <a href="#eagles">bald eagles</a>.
        </p>
      </div><!-- End .wildlife -->
            <a class="callout" href="#wildlife">See the Wildlife</a>
        </div><!-- End .primary-content -->
  </body>
</html>
Harry Woodford
Harry Woodford
1,865 Points
Harry Woodford
Harry Woodford
1,865 Points

problem solved. I assumed the folder img was outside the css folder. but I guess for basic practice all the files are in the same folder

1 Answer

Craig Watson
Craig Watson
27,930 Points
Craig Watson
Craig Watson
27,930 Points

Hi,

Ive just had a go of the code challenge and it may be your file path :) this passed;

.wildlife {
  background: url(img/bear.jpg);
}

Hope this helps!

Craig

Harry Woodford
Harry Woodford
1,865 Points
Harry Woodford
Harry Woodford
1,865 Points

yeah, I just worked it out. Thanks :)

I thought the style.css would be in a css folder and the bear.jpg would be in a img folder, but i guess the style.css is in a main folder and it only had to search into the img and not have to go out .... obviously as it's the beggining it's starting off really basic

Craig Watson
Craig Watson
27,930 Points

Yes your right in most cases of the code challenges a wrong answer will come from over thinking what they are asking, very easy to do happened to us all :)