ghostlike graphic links

tpeck · 05-31-2007, 02:58 PM

Probably an easy question to answer but how do you prevent the (very) faint dotted box that surrounds a graphic link once you have clicked on it?

It sort of looks bad. Can it be suppressed?

Oh I should mention that its graphic links in layers only and sometimes they appear and sometimes not.

It's definitely a focus thing, but ugly.

kosstr12 · 05-31-2007, 03:03 PM

Wait, can you show me what you are talking about like a url or a script?

VIPStephan · 05-31-2007, 03:14 PM

I suppose you are talking about the putline that surrounds links and helps people navigating with their keyboard (tabbing through the links) see what link they have chosen? This can be styled/suppressed using the CSS outline property:

Code:

#id1 {outline: none;}
#id2 {outline: 1px dashed green;}
#id3 {outline-style: solid;}

However, this won’t work in IE 6 because it doesn’t understand this.

tpeck · 05-31-2007, 03:27 PM

I can't demonstrate it easily because it seems to require a lot of frame interactions (and focus comings and goings) in a demo I just tried. Not helpful, I'm sorry.

It's that outline around a form I have just discovered. But not always there.

Anyway, I think you might have nailed it VIPStephan, thanks.

I'll play around with that solution.

tpeck · 05-31-2007, 03:37 PM

Come to think of it, you're right - it's there when you tab around all the links - I didn't know that. I think I should start to see it as a benefit!

Thinking further, it might even be technically illegal (!) if it is suppressed because handicapped persons might not be able to get around.

I just thought it was an error! Thanks.