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>

6 comments:

Think-Linux 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

Naviya Nair said...

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

Bhavya Kumar said...

My friend Suggest me this blog and I can say this is the best blog to get the basic knowledge.Thank you so much for this Selenium Training in Chennai