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

Flickr feed invalidates page...

  • My webpage validated xHTML Strict until I added a Flickr badge/feed to it :x . Any suggestions on how to get it to validate without disabling the feed?

    Here's my site:
    http://www.seancanady.com

    Here is the validation results:
    http://validator.w3.org/check?uri=http%3A%2F%2Fwww.seancanady.com%2F

    Here's the added code that invalidated the page:
    <div id=\"flickr_badge_wrapper\">
    <script src=\"http://www.flickr.com/badge_code_v2.gne?count=9&display=latest&size=s&layout=x&source=user_set&user=23788097%40N05&set=72157604817471280&context=in%2Fset-72157604817471280%2F\" type=\"text/javascript\">
    </script>
    <div id=\"flickr_badge_image1\" class=\"flickr_badge_image\">
    </div>
    <div id=\"flickr_badge_image2\" class=\"flickr_badge_image\">
    </div>
    <div id=\"flickr_badge_image3\" class=\"flickr_badge_image\">
    </div>
    <div id=\"flickr_badge_image4\" class=\"flickr_badge_image\">
    </div>
    <div id=\"flickr_badge_image5\" class=\"flickr_badge_image\">
    </div>
    <div id=\"flickr_badge_image6\" class=\"flickr_badge_image\">
    </div>
    <div id=\"flickr_badge_image7\" class=\"flickr_badge_image\">
    </div>
    <div id=\"flickr_badge_image8\" class=\"flickr_badge_image\">
    </div>
    <div id=\"flickr_badge_image9\" class=\"flickr_badge_image\">
    </div>
    </div>


    Thank you in advance for any and all help!

    -Sean
  • replace all your & with &amp; that should help. i looked at it quickly.

    hope it helps
  • pab is right: just change the & to &amp; and you'll be fine. A link can only contain one regular ampersand in order to validate. If there's more you'll need to use &amp;
  • Thank you both for your quick responses! That did it! I can't believe I didn't think of it. It was right in front of me, 7 times to be exact!