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
Lisa Dorn
182 PointsI cannot get the background color to change on my main.css file using safari or chrome.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>MaddSketcher Design | Let's Design Fun!</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<header>
<a href="index.html">
<h1> MaddSketcher Design</h1>
<h2> Lisa Dorn</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="img/check.png">
<img src="img/check.png" alt="">
</a>
</li>
<li>
<a href="img/logo.png">
<img src="img/logo.png" alt="">
</a>
</li>
<li>
<a href="img/tag.png">
<img src="img/tag.png" alt="">
</a>
</li>
<li>
<a href="img/rule.png">
<img src="img/rule.png" alt="">
</a>
</li>
<li>
<a href="img/fun.png">
<img src="img/fun.png" alt="">
</a>
</li>
</ul>
</section>
<footer>
<a href="https://www.behance.net/LisaDorn"><img src="img/portfolio.png" alt="portfolio icon"></a>
<a href="https://www.linkedin.com/pub/Lisa-Dorn/a4/128/886"><img src="img/resume.png" alt="resume icon"></a>
<a href="img/email.png">
<img src="img/email.png" alt=""></a>
<p>maddsketcher@mac.com</p>
<p>© 2015 Lisa Dorn.</p>
</footer>
</body>
</html>
8 Answers
Andrew Hansen
Courses Plus Student 6,454 PointsI don't see any Body tags in your html
Lisa Dorn
182 PointsI still don't understand. From what I see, my code looks just like the code on video. Can you please elaborate a little? Thanks for your help!
Andrew Hansen
Courses Plus Student 6,454 PointsYour CSS is targeting an html tag that doesn't exist in your markup.
Try adding a body opening tag right before header and closing the body tag after your footer
Lisa Dorn
182 PointsAh...okay...thanks. I will check that out.
Andrew - it's really strange, coz the file coding on my workspace has this body tag, but it doesn't show up on the copy and paste I posted of my coding.
Lisa Dorn
182 Points<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>MaddSketcher Design | Let's Design Fun!</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<header>
<a href="index.html">
<h1> MaddSketcher Design</h1>
<h2> Lisa Dorn</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="img/check.png">
<img src="img/check.png" alt="">
</a>
</li>
<li>
<a href="img/logo.png">
<img src="img/logo.png" alt="">
</a>
</li>
<li>
<a href="img/tag.png">
<img src="img/tag.png" alt="">
</a>
</li>
<li>
<a href="img/rule.png">
<img src="img/rule.png" alt="">
</a>
</li>
<li>
<a href="img/fun.png">
<img src="img/fun.png" alt="">
</a>
</li>
</ul>
</section>
<footer>
<a href="https://www.behance.net/LisaDorn"><img src="img/portfolio.png" alt="portfolio icon"></a>
<a href="https://www.linkedin.com/pub/Lisa-Dorn/a4/128/886"><img src="img/resume.png" alt="resume icon"></a>
<a href="img/email.png">
<img src="img/email.png" alt=""></a>
<p>maddsketcher@mac.com</p>
<p>© 2015 Lisa Dorn.</p>
</footer>
</body>
</html>
Lisa Dorn
182 PointsWeird, it shows the body tag up until I post it.
Lisa Dorn
182 Pointsfile:///Users/Lisomania/Desktop/lisadorncode.jpg
nhatdo
1,273 PointsCan you post the picture of your CSS file since we are working on background-colour in CSS.
Lisa Dorn
182 PointsLisa Dorn
182 PointsHere's the main.css code
body{ background-color: orange; }
The main.css file is in the CSS folder.