2011-09-13 6 views
5

Tengo un problema con HTML de mapa de imagen.Image map area poly certain coords Firefox no funciona, IE funciona

Ejemplo de trabajo sin estilo y sin js sobre: ​​ http://www.download.lagunawebdesign.pl/bug/

<img src="http://www.download.lagunawebdesign.pl/bug/Bez-nazwy-2.png" width="242" height="347" alt="Planets" usemap="#planetmap" /> 

<map id="planetmap" name="planetmap"> 
    <area shape="poly" coords="31,37,31,68,47,68,47,54,51,54,51,38" title="1" alt="" href="#" /> 
    <area shape="poly" coords="29,48,23,47,23,42,6,42,6,57,13,58,15,67,31,66,30,49" title="2" alt="" href="#" /> 
    <area shape="poly" coords="32,99,31,131,46,131,47,117,51,116,51,99" title="3" alt="" href="#" /> 
    <area shape="poly" coords="32,163,32,196,46,194,46,180,51,180,52,164,31,163,31,196,47,195,46,180,52,180,52,163" title="4" alt="doesnt work" href="#" /> 
    <area shape="poly" coords="32,227,31,258,47,259,47,245,52,245,52,227" title="5" alt="" href="#" /> 
    <area shape="poly" coords="121,297,121,316,153,317,153,302,139,301,139,296" title="6" alt="" href="#" /> 
    <area shape="poly" coords="190,209,191,226,210,227,211,195,195,195,196,209" title="7" alt="" href="#" /> 
    <area shape="poly" coords="5,17,5,0,51,0,51,18" title="8" alt="" href="#" /> 
</map> 

Sólo no funciona correctamente cuarta área. En Firefox u Opera no se puede hacer clic, Firebug muestra un buen área, pero en el cursor estacionario no cambia (solo se puede hacer clic en la paz realmente pequeña cerca del área en el lado derecho). En IE funciona bien. Realmente no sé cómo solucionarlo.

Todos los cordones son colocados por el cliente en CMS, algunos coords no funcionan (como 3/500).

Respuesta

1

Me parece que hay demasiados coords en la cuarta área. Intenté coords="32,163,31,196,46,194,46,180,51,180,52,164" y pareció funcionar para mí en Firefox y Opera. ¡Espero que esto ayude!

1

Simplemente cambie 164,31,163,31 a 164,31. Se verá casi igual, pero son trabajos.