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
Rosana Hernandez
1,346 PointsChanging background color with CSS file...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Rosana Hernandez | Cool Curator</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<header>
<a href="index.html">
<h1>Rosana Hernandez</h1>
<h2>Cool Curator</h2>
</a>
<nav>
<ul>
<li><a href="index.html">Portfolio</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<section>
<ul>
<li>
<a href="Me/7TimesSquare copy.jpg">
<img src="Me/7TimesSquare copy.jpg" alt="">
<p>Yours truly working in Manhattan</p>
</a>
</li>
<li>
<a href="Me/FortGreene Copy.jpg">
<img src="Me/FortGreene Copy" alt="">
<p>Yours truly riding in Fort Green</p>
</a>
</li>
<li>
<a href="Me/Montauk Copy.jpg">
<img src="Me/Montauk Copy.jpg" alt="">
<p>Yours truly riding in Montauk</p>
</a>
</li>
<li>
<a href="Me/Venezia Copy.jpg">
<img src="Me/Venezia Copy.jpg" alt="">
<p>Yours truly strolling in Venice</p>
</a>
</li>
<li>
<a href="Me/Verazzano Copy.jpg">
<img src="Me/Verazzano Copy.jpg" alt="">
<p>Yours truly posing in Brooklyn</p>
</a>
</li>
</ul>
</section>
<footer>
<a href="http://instagram.com/rosanagram"><img src="Me/Instagram.png" alt="Instagram Logo"></a>
<a href="http://twitter.com/rosinthehighest"><img src="img/twitter.png" alt="Twitter Logo"></a>
<p>© 2015 Rosana Hernandez.</p>
</footer>
</body>
</html>
body {
background-color: orange;
}
5 Answers
Justin Iezzi
18,199 PointsHi Rosana,
I edited your post again so that the code would display. If you want to see how I did this, just click edit on your post and you'll see how I tagged the code.
I've looked over everything and it seems like what you have should work. The only thing I can think of is maybe you put your .css file in the wrong folder, misspelled the name, or your browser isn't updating the changes.
To be absolutely positive, you can take a workplace snapshot and paste the link back here, and I can check out your work environment first hand.
Rosana Hernandez
1,346 PointsExcellent, thanks Justin! Indeed, the browser was not updating the changes.
Aaron HARPT
19,845 PointsCan you post the rest of your HTML code.
Rosana Hernandez
1,346 PointsHi Aaron. The key syntax that I am pasting is not showing up in the question :D There are opening and closing body tags around the second portion…is that enough detail to give me a good lead?
Aaron HARPT
19,845 PointsI am not sure in that case.
Rosana Hernandez
1,346 PointsYou now have full visibility to the Cool Curator :D However, the paste still didn't transfer all code. Great, I have a question about the question!
Justin Iezzi
18,199 PointsJustin Iezzi
18,199 PointsHi Rosana, I went ahead and fixed your code formatting for you. It's difficult to troubleshoot your actual problem here though. Don't be afraid to post your whole index.html code as well as your main.css code, your issue may be hidden in either one of those somewhere.