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.

HTML How to Make a Website CSS: Cascading Style Sheets Use ID Selectors

An Med
An Med
237 Points

After placing div tags, my closing section, footer, div, body and html are still all red. Why? https://w.trhou.se/t3jgq7

I think my code is all the same as in the video, so not sure why some of my closing tags are still red.

12 Answers

Russell Sawyer
seal-mask
.a{fill-rule:evenodd;}techdegree
Russell Sawyer
Front End Web Development Techdegree Student 15,705 Points

Ania,

Spelling errors are the cause of most errors. If you post your code we can look through it and see if we can find a mistake. Otherwise it's tough to know for sure what the problem is.

An Med
An Med
237 Points

OK thanks. Is there a simple way to post my code?

Russell Sawyer
seal-mask
.a{fill-rule:evenodd;}techdegree
Russell Sawyer
Front End Web Development Techdegree Student 15,705 Points

Yes. Just copy you code and past into the message box. Be sure to format it correctly using the Markdown Cheatsheet. There is a link to it at the bottom of this page.

An Med
An Med
237 Points

<!DOCTYPE html>

<html>

<head> <meta charset="utf-8"> <title>Ania Medrek | Designer</title> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/main.css"> </head>

<body>

<header>
<a href="index.html">
  <h1>Ania Medrek</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>

<div id="wrapper>"

  <section>
      <ul>
        <li>
          <a href="img/numbers-01.jpg">
            <img src="img/numbers-01.jpg" alt="">
            <p>Experimentation with colour 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>&copy; 2016 Ania Medrek.</p>
     ** </footer>**

     **</div>**
**</body>**

</html>

An Med
An Med
237 Points

The words surrounded by ** toward the end are the ones still appearing red

Russell Sawyer
seal-mask
.a{fill-rule:evenodd;}techdegree
Russell Sawyer
Front End Web Development Techdegree Student 15,705 Points

The error is on your opening div for your wrapper.

<div id="wrapper>" // the closing quote is on the outside of the closing angle bracket.

<div id="wrapper"> // Should look like this
An Med
An Med
237 Points

Thank you! That was driving me nuts.

An Med
An Med
237 Points

After fixing the div tag, 'section' stopped being red, but these four guys still are

</footer> </div> </body> </html>

Russell Sawyer
seal-mask
.a{fill-rule:evenodd;}techdegree
Russell Sawyer
Front End Web Development Techdegree Student 15,705 Points

You're missing a closing angle bracket.

<img src="img/twitter-wrap.png" alt="Twitter logo"</a> //< ---- Missing closing angle bracket on the image tag.

When I write HTML I write both opening and closing tags first so I don't forget or in this case a complete image tag. Then I add the class or src or href.

Hope this helps. :sparkles:

An Med
An Med
237 Points

Thank you so much for your patience. This is not a correct closer: </a> ? Adding // didn't help

Russell Sawyer
seal-mask
.a{fill-rule:evenodd;}techdegree
Russell Sawyer
Front End Web Development Techdegree Student 15,705 Points

</a> is a closing link tag. '>' is a closing backet // these are comment forward slashes so you can write comments in your code that aren't seen by the browser

You need to add a closing angle bracket to the image tag > in between the closing quote for your alt and the closing link tag </a>

<img src="img/twitter-wrap.png" alt="Twitter logo"></a>

You are missing one more closing angle bracket > also. :smiley:

Russell Sawyer
seal-mask
.a{fill-rule:evenodd;}techdegree
Russell Sawyer
Front End Web Development Techdegree Student 15,705 Points

Also if you look at the HTML that you posted where there are missing angle brackets the character directly after it is highlighted to signify a problem.