<html><head></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; color: rgb(0, 0, 0); font-size: 14px; font-family: Calibri, sans-serif;"><div>Hi All,</div><span id="OLK_SRC_BODY_SECTION"><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; font-size: 14px; font-family: Calibri, sans-serif;"><div style="color: rgb(0, 0, 0);"><br></div><div style="color: rgb(0, 0, 0);">I am trying to add an image with clickable areas in the GitHub wiki using inline html (pretty sure markdown doesn&#8217;t support).</div><div style="color: rgb(0, 0, 0);"><br></div><div style="color: rgb(0, 0, 0);">An example bit of code I have used is:</div><div style="color: rgb(0, 0, 0);"><br></div><div><font color="#7f007f"><b>&lt;div align="center"&gt;</b></font></div><div><font color="#7f007f"><b>&nbsp; &lt;img height="85%" src="../blob/master/UsefulDocs/images/paint-by-numbers.png?raw=true" usemap="#wiki-kartta"/&gt;</b></font></div><div><font color="#7f007f"><b>&nbsp; &lt;map id="wiki-kartta" name="wiki-kartta"&gt;</b></font></div><div><font color="#7f007f"><b>&nbsp; &nbsp; &lt;area shape="rect" coords="0,0,82,126" &nbsp;href="<a href="http://gilimanuk.com&quot;/">http://gilimanuk.com"/</a>&gt;</b></font></div><div><font color="#7f007f"><b>&nbsp; &lt;/map&gt;</b></font></div><div><font color="#7f007f"><b>&lt;/div&gt;&nbsp;</b></font></div><div style="color: rgb(0, 0, 0);"><br></div><div style="color: rgb(0, 0, 0);">The following is what ends up in the html produced by gollum:</div><div style="color: rgb(0, 0, 0);"><br></div><div><div><font color="#7f007f"><b>&lt;div align="center"&gt;</b></font></div><div><font color="#7f007f"><b>&nbsp; &lt;img height="85%" src="../blob/master/UsefulDocs/images/paint-by-numbers.png?raw=true" usemap="#wiki-kartta"&gt;&lt;map id="wiki-kartta" name="wiki-kartta"&gt;&lt;area shape="rect" coords="0,0,82,126"&gt;&lt;/map&gt;</b></font></div><div><font color="#7f007f"><b>&lt;/div&gt;</b></font></div></div><div style="color: rgb(0, 0, 0);"><br></div><div style="color: rgb(0, 0, 0);">Two things are happening:</div><ul><li>the image appears but isn&#8217;t clickable</li><li>The href is being removed</li></ul><div><br></div><div>Any ideas?</div><div><br></div><div>Regards,</div><div><br></div><div>Peter</div></div></span></body></html>