I have uploaded several images to my website. I user Dreamweaver CS4. I wanted to use those images as hyperlinks. I wanted to see a bigger picture of the same image when i click over it.

On the properties bar on Dreamweaver I input the exact path of the bigger image (located on my 'images' folder) in the Link field.

It works fine. The problem is that now it shows an annoying blue border around the small image.

Anybody knows how to take away that blue border?

Thanks a lot,

<img src="duck.jpg" style="border: 0px;" />

<style type="text/css">
img{border:0px;}
</style>

Originally Posted by Decaf

<img src="duck.jpg" style="border: 0px;" />

<style type="text/css">
img{border:0px;}
</style>

Thanks a lot. Where should I put that? in the body?

I am just beginning to learn web design. sorry for the stupid questino

use CSS, and you put this in a separate CSS file, called in your html page

CSS file contains:

img{
border: 0;
}

That will remove the border from ALL images

Originally Posted by LadynRed

use CSS, and you put this in a separate CSS file, called in your html page

CSS file contains:



That will remove the border from ALL images

thanks. but where in the body should I paste it?

You dont have to use CSS
You can just go with the <img src="duck.jpg" border="0">
At least that will get rid of the blue border around it.
But its 'better' to use CSS. (More compatible)

Create a new file called style.css and link to it in yr HTML.
Like this.
<link href="www.yourwebsite/style.css" rel="stylesheet" type="text/css">
Obviously just make sure its got this bit in it.

img{
border: 0;
}

Or you can include it in with the HTML on your page.
Just view the source code of this webpage to see it in action.