treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Can't figure out why this won't validate

  • Can someone help me out. I think i have something improperly nested. Don't know why I am getting this one error.

    http://validator.w3.org/

    My code:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
    <html xmlns="http://www.w3.org/1999/xhtml"&gt;
    <head>
    <title>Easy Slider jQuery Plugin Demo</title>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/easySlider1.5.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    $("#slider").easySlider({
    auto: true,
    continuous: true
    });
    });
    </script>

    </head>
    <body>

    <div id="slider_container">

    <div id="slider_content">

    <div id="slider">
    <ul>
    <li><div class="one">
    <img class="portfolio_image" src="images/test_image.jpg" alt="lrgstudios.com portfolio piece"/><br />
    <h1 class="folioHeader">Featured Item</h1>
    <h2 class="folioSubHeader">At vero eos et accusamus</h2>
    <p class="folio_txt">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. </p><a href="#"><img class="folioPreviewButton" src="images/preview_btn.png" alt="lrgstudios.com, preview button"/></a>
    <a href="#"><img class="folioVisitSite" src="images/visit_site_btn.png" alt="lrgstudios.com, visit site button"/></a>
    </div></a></li>
    <li><div class="one">
    <img class="portfolio_image" src="images/test_image.jpg" alt="lrgstudios.com portfolio piece"/><br />
    <h1 class="folioHeader">Featured Item</h1>
    <h2 class="folioSubHeader">At vero eos et accusamus</h2>
    <p class="folio_txt">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. </p><a href="#"><img class="folioPreviewButton" src="images/preview_btn.png" alt="lrgstudios.com, preview button"/></a>
    <a href="#"><img class="folioVisitSite" src="images/visit_site_btn.png" alt="lrgstudios.com, visit site button"/></a>
    </div></li>
    <li><div class="one">
    <img class="portfolio_image" src="images/test_image.jpg" alt="lrgstudios.com portfolio piece"/><br />
    <h1 class="folioHeader">Featured Item</h1>
    <h2 class="folioSubHeader">At vero eos et accusamus</h2>
    <p class="folio_txt">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. </p><a href="#"><img class="folioPreviewButton" src="images/preview_btn.png" alt="lrgstudios.com, preview button"/></a>
    <a href="#"><img class="folioVisitSite" src="images/visit_site_btn.png" alt="lrgstudios.com, visit site button"/></a>
    </div></li>
    <li><div class="one">
    <img class="portfolio_image" src="images/test_image.jpg" alt="lrgstudios.com portfolio piece"/><br />
    <h1 class="folioHeader">Featured Item</h1>
    <h2 class="folioSubHeader">At vero eos et accusamus</h2>
    <p class="folio_txt">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. </p><a href="#"><img class="folioPreviewButton" src="images/preview_btn.png" alt="lrgstudios.com, preview button"/></a>
    <a href="#"><img class="folioVisitSite" src="images/visit_site_btn.png" alt="lrgstudios.com, visit site button"/></a>
    </div></li>
    <li><div class="one">
    <img class="portfolio_image" src="images/test_image.jpg" alt="lrgstudios.com portfolio piece"/><br />
    <h1 class="folioHeader">Featured Item</h1>
    <h2 class="folioSubHeader">At vero eos et accusamus</h2>
    <p class="folio_txt">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. </p><a href="#"><img class="folioPreviewButton" src="images/preview_btn.png" alt="lrgstudios.com, preview button"/></a>
    <a href="#"><img class="folioVisitSite" src="images/visit_site_btn.png" alt="lrgstudios.com, visit site button"/></a>
    </div></li>
    </ul>
    </div>
    </div>
    </div>

    </body>
    </html>
  • Never mind. I had an extra a tag floating around that gave off 6 errors. What a pain in the #@$!