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!
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
Bee Priola3,922 Points
my background-color won't show up on my web page.
I'm starting a new project because my original project I was started since the beginning of 'make a website' and this is my early problem I'm having. I checked my html validator checker is correct. How come my css won't work wit my html?
<html> <head> <meta charset="utf-8"> <title>Bee Priola | Chef/Web Designer</title> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/main.css"> </head>
<img src="img/IMG_3118.jpg" alt="">
<p>Organic Raw Recipes.</p>
<img src="img/IMG_1755.jpg" alt="">
<p>Organic Main Course Recipes.</p>
<img src="img/IMG_1408a.jpg" alt="">
<p>Organic Raw Dessert Recipes.</p>
<img src="img/IMG_0860.jpg" alt="">
<p>Organic Sweet Recipes.</p>
<img src="img/IMG_1466.jpg" alt="">
<p>Homemade Bread Recipes.</p>
<a href="http://twitter.com/saszybee"><img src="img/twitter-wrap.png" alt="Twitter logo"></a>
<a href="http://facebook.com/phannawadeepriola"><img src="img/facebook-wrap.png" alt="Facebook logo"></a>
<a href="http://instagram.com/sazybee"><img src="img/instagram.png" alt="Instagram logo"></a>
<p>© 2017 Bee Priola.</p> </footer>
Could you post your css also?
In the meantime, make sure your css is in the correct directory. Did you select a class instead of ID or the other way around in your css? Did you select a non existent or misspell a tag in your css?
Google Chrome is really helpful if you are having issues. Other browsers also have a development tool process to let you inspect your page and see which css is being used.
Steven Parker228,001 Points
Your CSS files are not being loaded.
Apparently, the workspace file system is case-sensitive. So a folder named "CSS" cannot be referred to as "css".
My recommendation is to rename your "CSS" folder to "css". But you could also change your HTML link tags so the href property refers to the CSS folder.
BTW, there's a whole lot more than one line of code in those CSS files!
CASE SENSITIVE file system! Thanks. I had the same problem.
Steven Parker228,001 Points
footer element seems to be placed after the
It should be inside the body instead. There should be nothing after the body.
On my browser, the background is shown with the color anyway; but it could be that this error might prevent it from working on a different browser.