View Full Version : Can anyone make the link border disappear?

06-01-2009, 04:57 AM
Hi guys. I'm new to Web Page Development and I've got a simple question that I need help with.

I made a jpeg image a hyperlink for my welcome page. My problem is that there's a purple border around the image now that it's a link. I've tried using style="color: black" on the anchor <a> tag as well as in the <img src> tag. I use Adobe dreamweaver and it disappears on the development environment but not when I display it on my browser. I'm not sure if it's a browser issue. Can anyone tell me if it's an issue with IE 7.0 or can anyone give me suggestions on how to make the purple border disappear..forever?!

Thanks in advance to anyone who shares his vastly superior knowledge with me.

06-01-2009, 11:16 AM
You just have to add border: none or border: 0 to your images in your css file

img {border: none}

That should keep the border from showing up. If you just want to give it another color you can use

img {border-color: "your color here"}

Hope that helps.

Paper Shredder Clay
06-02-2009, 12:12 PM
Mr. Vangogh beat me to it, but he is right. I would also urge you to read up on CSS. In web development and design you will definitely need to learn the power behind CSS, and also read up about HTML Standards.

06-02-2009, 02:53 PM
I use the following - especailly when the image is not mine - border="0" - put this before the closing tag of the image. Thus, <img src="Images/MainImage.png" alt="" border="0" />

But, Vangogh's method is the proper way.

06-02-2009, 06:55 PM
The css method also takes care of every image on your site. The html method only takes care of the one image.