Tuesday, August 18, 2009

Avoid ugly border around images & links using css

Every web developer would come across this issue. In Firefox, when you'd clicked a image or link there you'll see a dotted border around the image or link. It makes ugly to the website. I googled around this issue & found a way to resolve it. If you see the image below you could easily identify the bug.




To resolve this issue just a single line css is enough.



<style type="text/css">
a:active, a:focus{outline: 0;}
</style>

5 comments:

Unknown said...

Hi there :) Thanks a lot for that post!!! It is very useful :)

Sathish said...

You're welcome

Anonymous said...

hi i have one problem in my website http://www.goldenroosterresort.com it alway have virus form this scipt script src=http://shasha.nl/images/gts/gifimg.php so how can i remove it? and when i upload with file zilla i alway chang permission but it 444 but when have virus it chang to other permission so how can i do? and how to mae security with website when i upload. i hope i hear good solution son, thank

Sathish Kumar said...

Please send your contact details to smart2raise@gmail.com

navya said...

Great Article..
PHP Training in Chennai
Online PHP Training
Online PHP Training India
PHP Training Chennai
PHP Training institute in Chennai