Remove FireFox Outline on image links

[Justec]

Not groundbreaking here, but I never fixed this issue until recently and did some google'n and found this fix which works.

In FireFox when you click a link it outlines it which isn't a big deal, but it does it for image links (buttons) too which is kinda annoying (at least to me )

Anyway just adding this to the CSS file seemed to fix the problem for me.

a {
	outline: none;
}

[CordM]

Hm... it's really fun to mess around with. Thanks.

[vetwebhosting]

Old post, but if you set the border of the image to zero it will remove the outline of the link.

[Justec]

Would you like to play a game? Bot or Not?

[JLeuze]

LOL, yeah it is getting pretty bad! And to think that vBulletin is commercial software...

I think when Steadfast switched their blog, they should have upgraded the forum software too.

[Kevin]

I did upgrade our software recently. It has this nifty new "delete as spam" function which will remove all the posts of a user and ban them optionally. The previous software we used was phpBB2 and was much worse with respect to spam problems. It's a real annoying problem.

[JLeuze]

Yeah, I had a forum running on phpBB2, and the spam was getting really bad at times. But phpBB3 is a lot better, they made signification improvements, and I haven't had any issues with spam since, but of course, I am a much smaller target!

I still don't like phpBB's slow development cycles, and MODs and styles are still not as convenient as some other apps, but phphBB is no longer as bad as the reputation that they were starting to get.

But as CMSes like Drupal become more popular, and WordPress matures and hopefully rolls bbPress into it; stand-alone forums will probably become pretty rare.

Doesn't vBulletin have CAPTCHA? Or is it just not helping?

[Kevin]

It does have a captcha, but I believe spammers we get are actually real people that are paid to log into forums and spam manually. Their messages are too on-topic to be bots.

[JLeuze]

Yeah nowadays, bots are getting so sophisticated, and human beings so cheap, that it is hard to tell the difference sometimes...

But at least CAPTCHA slows them down, making it less economical to be dirty lil spammers

[Celestemmcknight]

Great tutorial - saves me from writing one I did mean to, but havent had time

the only thing I would change is adding outline:none; to the following:

#navigation li a:link, #navigation li a:visited
border: none;
width: 80px; / width of the button in active state /
height: 30px; / height of the button in active state /
display: block;
position: absolute;
top: 0;
text-indent: -7000px; / Removes li text from the screen /
outline:none;


as this remove the annoying dotted outline you get around links - as youve indented the text by -7000px the dotted line goes right across the screen and I think it looks ugly - so I always use the outline:none; to remove this. Not sure if this has a bearing on accessibility though.