Forum Moderators: open
I am not sure if I am asking in the right place, so forgive me if I offend.
I am designing a Web site (I use Dreamweaver) and it looks fine. I am using mostly simple HTML and javascript. I have navigation buttons at the top.
In Netscape, clicking on a button is fine and does the rollover and works the link.
In MSIE, it is similar BUT, a mouse down event makes the browser display a light blue box around the grahic or link. This border appears around SUBMIT buttons in forms, anything that is linked. But it is not an image border (I have them set to zero), It only appears on a mouse down event in MSIE.
I see this border on Web sites all the time when I use MSIE, but on SOME Web sites, they have managed to make it hidden. I checked their source code and it seems that they have a special javascript or CSS style sheet at work. That's as much as I can figure out.
I am completely new to javascript and CSS, and though Dreamweaver explains how to use it, I don't see anything specific to these blue borders.
I am sure MSIE has the borders as a convenience to users so they know they clicked on an active link, but sometimes, they look clunky and unprofessional.
Does anyone know of a simple way (or a tutorial that explains what to do) to have MSIE hide these blue borders?
Thanks so much for your help!
If I'm correct with the above, this piece of JavaScript will correct it. But, this now removes an important element from the page for those with usability issues. Focus is an important part in all of that.
<body onload="blurLinks()">And then in your external js file...
function unblur() {
this.blur();
}function blurLinks() {
if (!document.getElementById) return;
theLinks = document.getElementsByTagName("a");
for(i=0; i<theLinks.length; i++) {
theLinks[i].onfocus = unblur;
}
}Note: JavaScript is not my forte. I just know this one as I had a client long ago who insisted on removing the dotted borders from links for the very same reason you indicate above.
