4 replies to this topic

[Wowzers]

I'm trying to find out how to stop that nasty thin gray border from showing up when you click on images that have links.. Does anyone know how to do this?

[Leibrockoli]

Changing the image border property in CSS works fine for me.

img {
border: 0px;
}

[Wowzers]

^Thanks, I tried that and it didn't work for me. Possibly, because I'm using it on vBulletin. But.. this does work, and very well:

a
{
  outline: none;
}

Just place that in your CSS and it gets rid of that dotted line for FireFox users.

[communiti.ch]

Wowzers, on Feb 28 2008, 12:46 AM, said:

^Thanks, I tried that and it didn't work for me. Possibly, because I'm using it on vBulletin. But.. this does work, and very well:

a
 {
   outline: none;
 }

Just place that in your CSS and it gets rid of that dotted line for FireFox users.

here is the correct "code"

a img
{
	border:none;
}

[rc69]

Actually, the dotted line is a browser thing used to indicate focus which "shouldn't" be controled via CSS. Firefox happens to have a proprietary attribute that allows you to do so (kinda like IE's filter attribute). So, in short, where outline:none; would work, border:anything; wouldn't affect the dotted line (note that border:none; and border:0; are equally "correct" in any case.).

This is of course assuming we're talking about the same dotted line (the one that appears onFocus, and goes away onBlur *hint for getting this to work in IE*).

Edited by rc69, 28 February 2008 - 11:44 PM.