Blue hyperlink border around images in HTML
When you add a hyperlink to an image in HTML it will automatically display with a blue border around that image. We dont want it because it makes our page look ugly and unprofessional.
There are a couple of ways to remove the blue hyperlink border:
Using CSSAdd the following line to your style sheet code:
img { border-style: none; }
Using HTMLAdd the following attribute to your image HTML code:
border="0"
Your line of code should look like this :
{a href="#"} {img style="border: 0;" src="image.png" title=""} {/a}
5 Comments on Blue hyperlink border around images in HTML
5 Responses to Blue hyperlink border around images in HTML
-
Ashok says:
October 27, 2010 at 12:16 pm
Great trick. That helps!
Reply -
eden says:
February 1, 2011 at 6:25 am
fantastic! just what i was looking for. thanks
Reply -
shisu says:
June 14, 2011 at 9:57 pm
thanks for your little help this blue border is annoying..
thanks a lot ..
Reply -
gautam says:
April 6, 2012 at 11:28 pm
hey thanks a lot. :)
Reply -
Archana AKR says:
May 14, 2016 at 4:16 am
it really helped me ^_^
Reply