[darkrats]

Hi everyone.

I have a really simple webpage with only one image. You click on it to send an email. As you all probably know, when you click on an Image Link it usually leaves a dotted line around the image, to show it's been clicked. I found the small piece of code that removes the dotted line, and added to my code. It works in IE but the dotted line is still visible in FF. My code (that works in IE) is below. I'm pretty much an amateur when it comes to web design. At times I know what I'm doing and the rest of the time it's trial and error. Can anyone see how to alter the code so it works with both IE and FF? Thanks.
----------------------------------------------------------

<p align="center">
<a href="mailto:someone@mail.ca" [b]a { outline:0;[/b] }>
<img border="0" src="symbol.png" width="53" height="50"></a></td>

-----------------------------------------------------------

This post has been edited by Renaissance-Design: 03 February 2012 - 04:40 PM
Reason for edit: Please use the code button or tags to format your code.

[Renaissance-Design]

That CSS shouldn't be floating there in the middle of your <a> element.

[Bomb]

Add...

a img { border: none; }

to your css file.

[BlueDreamer]

Noooooooooo! http://www.outlinenone.com

[Wickham]

The link above says "Don't do it" and then says "If you must remove it, provide alternative styling".

I find that sometimes the dotted outline is hardly visible, especially around a small image link where a bright color of the image seems to make a dotted outline hard to see.

I tend to make outline: none; and then add several focus styles that are very different from other link states, perhaps an underline if the others haven't got underline and a very different color or background or a very different image for the focus style.

I think I'm right that IE7 doesn't support focus or outline as it uses the active state where other browsers use focus, so that's why your code probably works for IE7 but IE8/9 do support outline so outline:none can be used for IE8/9 provided you code focus as an alternative.

This post has been edited by Wickham: 03 February 2012 - 07:29 PM