Grow your CSS skills. Land your dream job.

Can’t figure out why this won’t validate

  • # March 20, 2009 at 10:15 pm

    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>

    # March 20, 2009 at 10:39 pm

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

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".