Skip to content

Instantly share code, notes, and snippets.

@marta-krzyk-dev

marta-krzyk-dev/ClickableImageArea.html

Last active January 22, 2019 08:47
Download ZIP

Revisions

  1. marta-krzyk-dev revised this gist Jan 22, 2019. 1 changed file with 10 additions and 0 deletions.
    10 changes: 10 additions & 0 deletions ClickableImageArea2.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,10 @@
    <!--SOLUTION 2-->
    <!--This solution doesn't work with Gmail, worked in Thunderbird.-->

    <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
    <body>
    <map name="mapname">
    <area alt="alttext" coords="183,837,435,877" shape="rect" href="http://yoursite.eu/check_this_link_out"/>
    </map>
    <img src="http://www.yoursite.eu/image.jpg" alt="alttext" usemap="#mapname" width="620" height="1026" />
    </body>
  2. marta-krzyk-dev created this gist Jan 22, 2019.
    7 changes: 7 additions & 0 deletions ClickableImageArea.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,7 @@
    <!--This solution doesn't work with Gmail, worked in Thunderbird.-->

    <img src="http://yoursite.eu/image.jpg" usemap="#image-map">

    <map name="image-map">
    <area target="_blank" href="http://yoursite.eu/check_this_link_out" coords="184,839,435,879" shape="rect">
    </map>