images displaying with a black box around them online

[kyussa]

Hi all,
I've made a website, but the rollover buttons along the top of the page don't sit correctly on the page until they are clicked. Same goes for the galleries. They display a black box around them and throw the positioning of the page borders out. Please see the link below for before and after:

http://mywebsite.bigpond.com/paul.dunn1/webpage.jpg

Any help in fixing this issue would be greatly appreciated.
Paul.

 

[ChrisHirst]

Use CSS to remove the border

img {
border:0;
}


Chris.

Indifference will be the downfall of mankind, but who cares?
Woo Hoo! the cobblers kids get new shoes.
People Counting Systems

So long, and thanks for all the fish.

 

[kyussa]

Thanks Chris,
this the existing code for one of the rollover buttons on the navigation bar:

<img src="images/about_us.jpg" name="Image3" width="93" height="35" border="0">

As I'm a novice in dreamweaver, I'd appreciate if you could tell me in which section of the code I should insert your code.

Does the code you supplied turn the rollover image into CSS?

Thanks in advance,
Paul.

 

[GUJUm0deL]

img { border:0; }

means that no border is given to an image. The above code is similar to doing <img src="img1.jpg" border="0">

Can we get a link to the site where we can this issue?


____________________________________
Just Imagine.

http://www.imajinarts.com