Ободок вокруг посещённых ссылок

Допустим, у вас на странице есть карта ссылок (image map). Она превосходно работает, но вот незадача — при нажатии на ссылку, Internet Explorer 4+ и Netscape Navigator 6 оставляют вокруг неё пунктирный контур. Можно, конечно, смириться с этим чудом интерфейсной мысли, но если же вы хотите избавиться от него, то вставьте в теге body следующее событие:

onClick="if ((event.srcElement) && (event.srcElement.tagName == "IMG" || event.srcElement.tagName == "A")) self.focus()"

Теперь при нажатиях «мышкой» на зоны карты ссылок (как, впрочем, и на остальные ссылки на странице) фокус будет моментально передаваться документу.

Существует и другой способ избавления от ободка. Для этого в каждом теге area напишите:

onClick="if (this.blur) this.blur()"

P. S. Лучше поздно, чем никогда — спасибо Dirge за конструктивные замечания относительно проверки на tagName.

P. P. S. Ещё вариант:

/* IE */
a:active{
outline:none;
}

/* FF */
:focus{
-moz-outline-style:none;
}