Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

2 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.

Nicole McCain
Nicole McCain
205 Points

Can you post the code?

Bogdan Cabaj
Bogdan Cabaj
16,348 Points

Hi 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

<!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>

body { background-color: orange; }

My CSS too!

Josué Rodriguez
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Josué Rodriguez
Front End Web Development Techdegree Graduate 24,118 Points

Greetings

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>

Thanks Josue! It all worked and I'll def start using the Markdown Cheatsheet.

Hey 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; }

Yes, 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?

Margaret Nelson
Margaret Nelson
6,394 Points

This line right here might be causing a problem

<link rel"=stylesheet" href="css/main.css">

the = should be before "stylesheet" not within the ""