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

Richard Rodis
Richard Rodis
1,112 Points
Posted by Richard Rodis
Richard Rodis
1,112 Points

After closing div tag, </body> </html> are still Red

First note: I went ahead even though i found these problems even before

However, I feel like it didn't matter, as when I did my main.css files I was still able to edit my id=wrapper div

However, I feel like I have to resolve this issue now before going further.

''' <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Richard Rodis | Teacher </title> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/main.css">

</head> <body> <header>

    <a href="index.html" logo="id">
      <h1>Richard Rodis</h1>
      <h2>Teacher</h2>
    </a>
  <nav>
    <ul>
      <li><a href="index.html" class="selected"> Portfolio</a></li>
      <li><a href="about.html"> About</a></li>
      <li><a href="contact.html">Contact</a></li>
    </ul>
  </nav>


</header>
<section> 
  <div id="wrapper">
    <ul>
      <li>
        <a href="img/numbers-01.jpg">
          <img src="img/numbers-01.jpg" alt="">
          <p>Experimentation in style and color</p>
        </a>
      </li>
      <li>
        <a href="img/numbers-02.jpg">
          <img src="img/numbers-02.jpg" alt="">
          <p>Experimentation in style and color</p>
        </a>
      </li>
      <li>
        <a href="img/numbers-06.jpg">
          <img src="img/numbers-06.jpg" alt="">
          <p>Experimentation in style and color</p>
        </a>
      </li>
      <li>
        <a href="img/numbers-09.jpg">
          <img src="img/numbers-09.jpg" alt="">
          <p>Experimentation in style and color</p>
        </a>
      </li>
      <li>
        <a href="img/numbers-12.jpg">
          <img src="img/numbers-12.jpg" alt="">
          <p>Experimentation in style and color</p>
        </a>
      </li>

      </ul>


  <footer> 

     <img src="img/twitter-wrap.png" alt="Twitter Logo">
     <a href="https://www.facebook.com/richard.rodis.1"> <img src="img/facebook-wrap.png" alt="Facebook Logo"> </a>

    <p>&copy; 2016</p>


  </footer>

  </div>

</body> </html>

'''

3 Answers

Edward Ries
Edward Ries
7,388 Points
Edward Ries
Edward Ries
7,388 Points

Looks like your missing the </section> tag.

It doesn't hurt to install an html editor. I cut/pasted your code and immediately highlighted the <section> tag was missing end tag. I recommend Visual Studio Code. It's free and very versatile.

Learning coding
seal-mask
.a{fill-rule:evenodd;}techdegree
Learning coding
Front End Web Development Techdegree Student 9,937 Points
Learning coding
.a{fill-rule:evenodd;}techdegree
Learning coding
Front End Web Development Techdegree Student 9,937 Points

Thanks for the recommendation.

Where can I learn more on how to edit html in Visual Code without getting other information wich I will forget because I don't use it?

There are a lot of tutorials on youtube, but I don't know wich one to begin with.

Mihai Mesteru
Mihai Mesteru
6,449 Points
Mihai Mesteru
Mihai Mesteru
6,449 Points

You seem to be missing a few tags, specifically the </section> tag.

Once those are added, your code should be fine.

Edward Ries
Edward Ries
7,388 Points
Edward Ries
Edward Ries
7,388 Points

Microsoft Learning should have some free videos and they are free to watch. Pluralsight is another great resource for training but they doesn't have the community support that Tree House provides and it a subscription based service. If your planning on developing C# based applications then you might want to go ahead and download Visual Studio Community Edition as it's the primary development environment used for C#.

Learning coding
seal-mask
.a{fill-rule:evenodd;}techdegree
Learning coding
Front End Web Development Techdegree Student 9,937 Points
Learning coding
.a{fill-rule:evenodd;}techdegree
Learning coding
Front End Web Development Techdegree Student 9,937 Points

Thanks for the extra ideas Edward, I am sure they will help later on. For now I simply want to debug (newbie) html code. I watched a beginner microsoft tutorial, but although I speak english it is mostly like a foreign language to me. Debugging html code is not in the beginner Visual code tutorial. I think I have to leave this as it is. My experience until now is that sometimes answers come later. Or I learn in the process. :) Thanks,