Ok So i'm doing a favor for another designer... an HTM email new letter... It's all images... I know!!!!

 

So that said I've got it working in Thunderbird, Google mail and Windows Mail Live, but in Mac mail I have an issue, the links, which are images, don't have a hover state for the cursor. So the links work fine but when you rollover one the the cursor doesn't change (into the white pointing hand).

 

Anyone know why this might be... It's not a app setting as other HTML email s work fine.

 

html is here: http://www.blardy.co.uk/spiffingnews/may.html

 

Cheers

On th eweb page I can see the hand symbol in IE9 and Firefox over Facebook icon and the red circle linked to how-much.asp and others. If the hand doesn't show in a Mac the code {cursor:pointer;} is for a hand pointer but as you have coded a map with coordinates I'm not sure where or how to code the style as there isn't an "a" attribute to code. You could try giving the <area> a class with cursor: pointer; but I'm not sure if it will work.

 

I haven't got a Mac, but I tried an inline style for an image map that I have and added a style for cursor; wait: to see if it changed from a hand pointer, and it did (while the other place still had the default hand). I used an inline style for speed but a class should work:-

<map  id="swans" name="swans">

<area style="cursor: wait;" shape="rect" 
href="introduction.php" coords="10,1,75,30" alt="Male 
swan link to Introduction">

<area shape="rect" href="generaladvice.php" 
coords="95,20,170,50" alt="Female swan link to General 
Advice">

</map>

<img usemap="#swans" src="images/swans200x50.jpg" 
alt="swans"> 

Edited May 4, 201214 yr by Wickham