html - How do I add an image map link? -


i'm unsure if correct approach, or question, elaborate.

please visit live page http://thedinnerparcel.co.uk/index.php?option=com_content&view=article&id=22&itemid=3

i asking if possible overlay link somewhere in header div? on sticker background image on right?

i didn't build site, have added sticker right corner of header div. (fyi it's joomla site uses php template file.).

i did background image , used padding , negative margin make overflow, realised sticker needs link order page.

would image map best way make link? or there better method?

if image map way has got code example.

i've tried below code, edited tutorial on similar subject, doesn't work

<div id="header"  usemap="#image-maps_2201202140621298"> <map id="image-maps_2201202140621298" name="image-maps_2201202140621298"> <area shape="rect" coords="0,0,275,44" href="#" alt="dinner parcel" title="dinner parcel"/> </map> </div> 

paste following code , work you

append <a> end of header div:

<div id="header">   <div...   <div id="menu">...   <a class="my-map" href="#"></a> </div> 

and add following styles:

#header{    position:relative; }  .my-map{ width: 190px; height: 190px; display: block; position: absolute; bottom: 26px; background: #eee; border-radius: 95px; right: 2px; } 

Comments

Popular posts from this blog

Detect support for Shoutcast ICY MP3 without navigator.userAgent in Firefox? -

web - SVG not rendering properly in Firefox -

java - JavaFX 2 slider labelFormatter not being used -