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 Responsive Web Design and Testing Website Testing

Jay Bhatt
Jay Bhatt
6,502 Points
Posted by Jay Bhatt
Jay Bhatt
6,502 Points

Why is my website getting "Bad Value" errors from the validator?

Its giving bad value error on line " line 33, column 15; to line 33, column 49" and "line 34, column 17; to line 34, column 91". And it gives me a warning for syntax on the section "From line 30, column 9; to line 30, column 17". Please help, its probably a simple fix. Here is my code:

<!DOCTYPE html> <html> <head> <meta charset = "utf-8"> <title>Jay Bhatt | Engineer </title> <link rel="stylesheet" href= "css/normalize.css"> <link href="https://fonts.googleapis.com/css?family=Pacifico%7CTrirong" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Proza+Libre" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Cinzel" rel="stylesheet"> <link rel="stylesheet" href= "css/main.css"> <link rel="stylesheet" href= "css/responsive.css"> <meta name="viewport" content="width-device-width, intial-scale=1.0"> </head> <body> <header> <a href ="index.html" id= "logo"> <h1>Jay Bhatt</h1> <h2>Engineer</h2> <h3>Wanderer</h3> </a> <nav> <ul> <li><a href ="index.html" class="selected">Porfolio</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 id="gallery"> <li> <a href="img/professional pic.jpg"> <img src="img/professional pic.jpg" alt="Jay Bhatt's Professional Picture"> <p>This is me</p> </a> </li> <li> <a href="img/Venice.jpg"> <img src="img/Venice.jpg" alt="Venice"> <p>This is me in Venice</p> </a> </li> <li> <a href="img/Milan.jpg"> <img src="img/Milan.jpg" alt="Milan"> <p>This is me in Milan</p> </a> </li> <li> <a href= "img/BrusselsCity.jpg"> <img src= "img/BrusselsCity.jpg" alt= "BrusselsCity"> <p>This is me in Brussels</p> </a> </li> <li> <a href= "img/bluryGeneva.jpg"> <img src= "img/bluryGeneva.jpg" alt= "bluryGeneva"> <p>This is blury me in Geneva</p> </a> </li> <li> <a href= "img/Graduation.jpg"> <img src= "img/Graduation.jpg" alt= "In Amsterdam"> <p>This is me in Amsterdam</p> </a> </li>

      </ul>
    </section>
    <footer>
      <a href ="https://www.facebook.com/jay8shadowdragon">
        <img src="img2/facebook-wrap.png" alt= "facebook logo" class="social-icon">
      </a>
      <p>&copy;2016 Jay Bhatt</p>
    </footer>
  </div>
</body>

</html>

1 Answer

Mark Trevathan
Mark Trevathan
8,153 Points
Mark Trevathan
Mark Trevathan
8,153 Points

You are closing your <ul> and <section> tags in the wrong order. You should close the section tag first, then the ul. First in last out.