Question

I have an image with hotspots, therefore I am using the ImageMap control. The problem now is with the image used with this control. It will be shown with blue border around it. I have this problem before with and I fixed it with the following CSS code:

 a img
{
    border:none;
    }

Now, how to apply this to the ImageMap control?

I already tried to fix it using:

<div style="border:none;"> </div>

but it did not work and I don’t know why

Answer 1

When you use

<div style="border:none;"> </div>

You tell the renderer that the div should not have a border, not the image.

Similarly when you use this CSS code:

a img
{
border:none;
}

You are telling the browser that an image within an anchor tag should have no borders.
Try the following code:

img { border: none; }

This will remove borders from all images on the page. You might want to increase the specificity of that statement if you want to have some images with borders.