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
Michael Maggard
812 Points2 weeks now and still having trouble with my background changing color. Plz help!!
I've had some people look at my code, but they cant seem to help out.
Bogdan Cabaj
16,348 PointsHi Michael,
You can always use HTML validator to check if you have any obvious problems in your code. I'm not sure if it catches everything but it definitely it did catch your problem here.
7 Answers
Michael Maggard
812 Points<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Michael Maggard | Designer</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel"=stylesheet" href="css/main.css">
<body>
<header>
<a href="index.html">
<h1>Michael Maggard</h1>
<h2>Designer</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/numbers-01.jpg">
<img src="img/numbers-01.jpg" alt="">
<p>Experimentation with color and texture.</p>
</a>
</li>
<li>
<a href="img/numbers-02.jpg">
<img src="img/numbers-02.jpg" alt="">
<p>Playing with blending modes in Photoshop.</p>
</a>
</li>
<li>
<a href="img/numbers-06.jpg">
<img src="img/numbers-06.jpg" alt="">
<p>Trying to create an 80's style of glows.</p>
</a>
</li>
<li>
<a href="img/numbers-09.jpg">
<img src="img/numbers-09.jpg" alt="">
<p>Drips created using Photoshop brushes.</p>
</a>
</li>
<li>
<a href="img/numbers-12.jpg">
<img src="img/numbers-12.jpg" alt="">
<p>Creating shapes using repetition.</p>
</a>
</li>
</ul>
</section>
<footer>
<a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a>
<a href="http://Facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt="facebook Logo"></a>
<p>© 2017 Michael Maggard.</p>
</footer>
</body>
</html>
Michael Maggard
812 Pointsbody { background-color: orange; }
My CSS too!
Josué Rodriguez
Front End Web Development Techdegree Graduate 24,118 PointsGreetings
When you post code, take a look at the Markdown Cheatsheet linked under each text box here in the forum for help with formatting. I copied your code and arranged it to make more semantic sense and saw that your <head> tag isn't closed.
Also this is typed incorrectly:
<link rel"=stylesheet" href="css/main.css">
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Michael Maggard | Designer</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel"=stylesheet" href="css/main.css">
<body>
<header>
<a href="index.html">
<h1>Michael Maggard</h1>
<h2>Designer</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/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""><p>Experimentation with color and texture.</p></a>
</li>
<li>
<a href="img/numbers-02.jpg"> <img src="img/numbers-02.jpg" alt=""> <p>Playing with blending modes in Photoshop.</p></a>
</li>
<li>
<a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p>Trying to create an 80's style of glows.</p></a>
</li>
<li>
<a href="img/numbers-09.jpg"> <img src="img/numbers-09.jpg" alt=""> <p>Drips created using Photoshop brushes.</p> </a>
</li>
<li>
<a href="img/numbers-12.jpg"> <img src="img/numbers-12.jpg" alt=""> <p>Creating shapes using repetition.</p> </a>
</li>
</ul>
</section>
<footer>
<a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a> <a href="http://Facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt="facebook Logo"></a> <p>© 2017 Michael Maggard.</p>
</footer>
</body>
</html>
Michael Maggard
812 PointsThanks Josue! It all worked and I'll def start using the Markdown Cheatsheet.
Michael Maggard
812 PointsHey Josue,
I changed everything you brought up earlier, but my css still isn't working. Think you could help again? That seems to be the only problem.
!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Michael Maggard | Designer</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<body>
<header>
<a href="index.html" id="logo">
<h1>Michael Maggard</h1>
<h2>Designer</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/numbers-01.jpg">
<img src="img/numbers-01.jpg" alt="">
<p>Experimentation with color and texture.</p>
</a>
</li>
<li>
<a href="img/numbers-02.jpg">
<img src="img/numbers-02.jpg" alt="">
<p>Playing with blending modes in Photoshop.</p>
</a>
</li>
<li>
<a href="img/numbers-06.jpg">
<img src="img/numbers-06.jpg" alt="">
<p>Trying to create an 80's style of glows.</p>
</a>
</li>
<li>
<a href="img/numbers-09.jpg">
<img src="img/numbers-09.jpg" alt="">
<p>Drips created using Photoshop brushes.</p>
</a>
</li>
<li>
<a href="img/numbers-12.jpg">
<img src="img/numbers-12.jpg" alt="">
<p>Creating shapes using repetition.</p>
</a>
</li>
</ul>
</section>
<footer>
<a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a>
<a href="http://Facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt="facebook Logo"></a>
<p>© 2017 Michael Maggard.</p>
</footer>
</body>
</head>
</html>
body { background-color: orange; }
Josué Rodriguez
Front End Web Development Techdegree Graduate 24,118 PointsDid you close the
<head></head>
tag?
Michael Maggard
812 PointsYes, I did. Plus I saved and refreshed the page and nothing has worked. Don't understand why my code with css isn't working. You see anything else that would help?
Josué Rodriguez
Front End Web Development Techdegree Graduate 24,118 PointsIf you are doing this in the treehouse workspaces you can take a snapshot and share it for anyone to see. That's helps to see your code better.
Margaret Nelson
6,394 PointsThis line right here might be causing a problem
<link rel"=stylesheet" href="css/main.css">
the = should be before "stylesheet" not within the ""
Nicole McCain
205 PointsNicole McCain
205 PointsCan you post the code?