Support » Everything else WordPress » Weird Issue with Imagemap HTML Code

  • Hi, I’ve got a problem that I’ve never seen before and wonder if anyone has any ideas.

    I created a simple imagemap using HTML and inserted the code into the page:

    <img border=”0″ src=”http://mysite.net/wordpress/wp-content/uploads/2013/08/info.jpg” usemap=”#Info” width=”800″ height=”300″></p>

    <map name=”Info”>
    <area target=”_blank” href=”http://www.site1.com/” shape=”rect” coords=”97, 15, 169, 152″>
    <area target=”_blank” href=”http://www.site2.com/” shape=”rect” coords=”274, 53, 453, 137″>
    <area target=”_blank” href=”http://www.site3.com/” shape=”rect” coords=”549, 62, 720, 113″>
    </map>

    What I found was that when the visual editor was enabled when writing in my User configuration and I previewed the page or even switched to the visual tab and returned back to the HTML tab, the code was changed to this:

    <img src=”http://mysite.net/wordpress/wp-content/uploads/2013/08/info.jpg” alt=”” width=”800″ height=”300″ usemap=”#Info” border=”0″ />
    <map name=”Info”> <area shape=”rect” coords=”97, 15, 169, 152″ href=”http://www.site1.com/” target=”_blank” /></map>
    <map name=”Info”> <area shape=”rect” coords=”274, 53, 453, 137″ href=”http://www.site2.com/” target=”_blank” /></map>
    <map name=”Info”> <area shape=”rect” coords=”549, 62, 720, 113″ href=”http://www.site3.com/” target=”_blank” /></map>

    This amendment caused the imagemap not to work.

    I changed the User set up temporarily by disabling the visual editor when writing to solve this problem but it isn’t practical for me to this on a long term basis.

    Does anyone know why the editor would completely change the HTML code and how I can fix this problem apart from amending my User set up?

  • The topic ‘Weird Issue with Imagemap HTML Code’ is closed to new replies.