Remove dotted line on links

This dotted line is technically called a "selection rectangle" and they were put there in order to help the user.
The rectangle appears when the active text or image has focus brought to it. The rectangle remains as long as focus is upon the element.
It makes image maps look cruddy.

See images below.

Here is an example of a normal link that will give dotted lines around the image.

<a href="http://www.scandicweb.com"><img src="images/scandicweb_logo.gif" alt="ScandicWeb" width="468" height="60" border="0" /></a>

Ok, lets add the onFocus="if(this.blur)this.blur()"> to the link.

<a href="http://www.scandicweb.com" onFocus="if(this.blur)this.blur()"><img src="images/scandicweb_logo.gif" alt="ScandicWeb" width="468" height="60" border="0" /></a>

No dotted lines on links anymore.

Advertisement

No User Comments.

No User Comments, be the first one to write your comments?