Safari and <map> under the {{{#!html }}}

[aleksandrat@…]

I am using Safari 3.1.1 (4525.18) on Mac OS X 1.4 and when I view the page with map does not want to make the links clickable

{{{
#!html
<center>
  <img src="../attachment/wiki/MyImage/MyImage.png?format=raw" title="MyImage" usemap="MyImage">
    <map name="MyImage" id="MyImage">
        <area shape=rect coords="197,634,286,649" href="link1">
        <area shape=rect coords="536,453,606,499" href="link2">
        <area shape=rect coords="508,494,606,525" href="link3">
    </map>
  </img>
</center>
}}}

Different web browsers present it properly.

[Emmanuel Blot]

At least, <center> is not a valid XHMTL strict tag. I don't think it's the root cause of the issue here, but it's invalid nonetheless.

[Emmanuel Blot]

Replying to eblot:

At least, <center> is not a valid XHMTL strict tag. I don't think it's the root cause of the issue here, but it's invalid nonetheless.

… as well as shape value that should be quoted: <img shape="rect" ... />

[Emmanuel Blot]

Trac is producing XHTML strict web page. So you need to write XHTML-compliant code. It is not, which explain the Safari "bug".

The following XHTML snippet should work:

  <map name="MyImage" id="MyImage">
    <area shape="rect" coords="197,634,286,649" href="link1">
    <area shape="rect" coords="536,453,606,499" href="link2">
    <area shape="rect" coords="508,494,606,525" href="link3">
  </map>
  <img src="../attachment/wiki/MyImage/MyImage.png?format=raw" 
              title="MyImage" usemap="#MyImage" style="align: center" />