PDA

View Full Version : Image hotspots


Dannybhoy
04-13-2012, 10:35 AM
Hi guys...

Does anyone know how to stop the outline of an image hotspot appearing on IE9 when you click on it my if you look at my site on IE9 http://www.dangrummell.com/index.html and click on the twitter bird a horrible outline appears any thoughts on how to remove this ????? On Firefox and chrome it clicks straight through and you do not see the outline....

I had to use the image hot spots as I was having trouble lining up the icons using divs and tables so put them all on one image on photoshop instead...

Hope someone can help the thoughts of changing every page now is horrible

Dannybhoy
04-13-2012, 10:56 AM
I actually just found a fix for this in another forum so if anyone needs it put this line of code in

img {
outline: 0;
}

works a treat !

domedia
04-13-2012, 02:16 PM
Just remember that that outline is very important, and there for a reason. You;re making your site inaccessible for many users by removing it.

Dannybhoy
04-13-2012, 02:25 PM
Sorry not sure what you mean by inaccessible ? Http://www.dangrummell.com my links work the image hotspots especially left a horrible outline on the twitter bird ......

domedia
04-16-2012, 01:51 PM
A quick test is to tab through your document. You'll see that you can't use your web site unless you have a mouse. Not sure how much of a 'fix' this is.