How do i remove box surrounding the image while using hyperlink ?

Question

A rectange is appearing outside the link which i dont want. How do u remove it. No Image

<a href="~/Web Pages/Home.aspx" runat="server">
    <img src="<%= ResolveUrl("~/Images/TestToday.png") %>" alt="No image" width="200" height="200"/>
</a>

Answer 1

border = "0"

that will do the trick

or in css:

img {
    border:0px;
}

Answer 2

Put this in your css:

:link img { border: 0; }

Answer 3

You need this CSS rule:

a img {border: none; }

Answer 4

You probably see the anchor tags border.

Try adding BORDER="0" to your a tag. Or set border to none in your stylesheet

Answer 5

Are you talking about the dotted outline that appears when clicking a link?

Try

a:active
{
 outline: none;
}

this removes the outline when clicking, but not when entering the link using the keyboard (which is when it's really needed).