Post not yet marked as solved
Post marked as unsolved with 1 replies, 106 views
I include a picture on an HTML page by:
<img src="./name.png" class="inline" alt="" usemap="#html"/>
I create a link map, defining areas of the picture that I want to link to notes like this:
<map name="html">
<area shape="circle" coords="73,250,30"
href="./PassiveStrideRecovery_W12_Notes.html"
alt="PassiveStrideRecovery_W12" target="_self"
/>
...(more of these areas)
</map>
All the linked areas work fine for a few seconds and then some of the areas are obscured by automatically detected (not well though) areas of interest (to something) in the .png and stops my mouse clicks getting through to some of the linked areas I define.
When I use the Debug menu item and examine the HTML source elements (using "Develop->Show Page Source") I created. Initially they include:
a minute to so later they change to:
indicating the img has acquired some extra structure, which now looks like this:
and define some areas, some of which overlay my map areas in a layer above mine.
Looking at the last "div" created by MacOS, they seem to be inserted in real-time by Apple Data Detectors.
I changed my img include statement to
<img src="./GroundContact_W7_Bubbles.png" x-apple-data-detectors="false" class="inline" alt="" usemap="#html"/>
but it made no difference.
How do I stop real-time area overlay of click-obscuring blocks over pictures included on my HTML page?
TIA