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

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

Posted by Unsubscribed User
Unsubscribed User
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
Russell Sawyer
.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.

Unsubscribed User
Unsubscribed User
237 Points
Unsubscribed User
Unsubscribed User
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
Russell Sawyer
.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.

Unsubscribed User
Unsubscribed User
237 Points
Unsubscribed User
Unsubscribed User
237 Points

<!DOCTYPE html>

<html>

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

<body>

<header>
<a href="index.html">
  <h1>unsubscribed user</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 unsubscribed user.</p>
     ** </footer>**

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

</html>

Unsubscribed User
Unsubscribed User
237 Points
Unsubscribed User
Unsubscribed User
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
Russell Sawyer
.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
Unsubscribed User
Unsubscribed User
237 Points
Unsubscribed User
Unsubscribed User
237 Points

Thank you! That was driving me nuts.

Unsubscribed User
Unsubscribed User
237 Points
Unsubscribed User
Unsubscribed User
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
Russell Sawyer
.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:

Unsubscribed User
Unsubscribed User
237 Points
Unsubscribed User
Unsubscribed User
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
Russell Sawyer
.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
Russell Sawyer
.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.