Removing horrid blue boxes in IE

[qwakkers]

I posted in another forum but no-one seems to be able to help.

What I'm trying to find out is a way of removing horrid blue boxes when either a text or image link is clicked in IE.

Please note - it isn't the rollover or underlining that I am referring to.

I know it can be done by using - onFocus="if(this.blur)this.blur()
next to each link, but I wondered if it can be done to apply to links on the whole page rather than write it for every link.

If anyone can help I'd be eternally grateful!

[Charles]

It's easily done, but keeping links from focusing is bad, very bad. It makes you page unusble for people who are trying to navigate the page without a mouse. And that might include someone who hasn't the use of his or her hands.

[qwakkers]

but that's the whole point - I'm trying to find an alternative!

[Aronya1]

OK... I'm lost. What blue boxes?

[QLevelClearance]

Are you talking about boxes around images that link to another page?

If so, try writing <img src="http://www.yoursite.com/yourpage.gif" border="0">

BORDER="0", being the key thing to add in there

Hope this is what you meant

Regards,
Q

[Khalid Ali]

I "think" I know what he is talking about,
its the box that appears around an element contents when an onclick event is triggered,if you click on a link you will see a tiny box just around th text...I'd be surprised if there is a way in CSS to remove that...

[Hester]

Yes it is the 'focus' area indicated by a dotted border. There is a way to remove it in CSS. But like Charles says, it is a very bad idea. Try navigating a website with the TAB button and see how the dotted border is essential.

[qwakkers]

I understand what you're saying. but on Macromedia's website they have removed the blue boxes somehow - I looked at the source but can't figure out how. However, they have replaced the blue boxes with an accessibility link, by inserting a gif image - so the boxes are a pretty yellow colour that look much nicer on the site!

http://www.macromedia.com/

(I believe the blue boxes only appear in IE, it's dotted lines for Netscape)

[Hester]

Hmm... in IE the links are highlighted in yellow (when using TAB) but you cannot get to the links at the bottom!

In Mozilla 1.4, the tabs do nothing at the top, but cycle round the bottom links.

Text links are highlighted in blue with a dotted border in both browsers.

[Khalid Ali]

Originally posted by Hester
There is a way to remove it in CSS.

Mind sharing that way please???????:D