JavaScript Tutorial

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.



JavaScript Tutorial test

Remove dotted line on links

No test is available or implemented for this JavaScript Tutorial.

No User Comments.

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

Add your comments

Your Name*:
Your Email:
Site URL:
Site Name:
Comemt Title*:
Your Comment*:
Key Phrase*:
0qI
Your IP Address: 38.103.63.60
 

ScandicWeb is own by Scandic Systems LTD [UK] Company No. 5984000. All other trademarks and copyrights are the property of their respective holders.