Friday, May 09, 2008

Gotcha Of The Day - Image Maps In RSS

A client of mine wanted to include an image map in his RSS feed. So, I added in the following code:

  <map name="foo">
    <area shape="rect" href="..." coords="1,2,367,28"/>
    <area shape="rect" href="..." coords="384,10,453,23"/>
  </map>       
  <img usemap="foo" border="0" src="..."/>

This worked fine in IE, and it worked fine in a regular HTML page in Firefox - but for some reason, the image map wasn't clickable in the preview page of the feed in Firefox. The problem turned out to be a missing id attribute. I changed the above to:


  <map name="foo" id="foo">
    <area shape="rect" href="..." coords="1,2,367,28"/>
    <area shape="rect" href="..." coords="384,10,453,23"/>
  </map>       
  <img usemap="foo" border="0" src="..."/>

And I was good to go.

No comments:

Post a Comment