Help with Image Borders

HTML & CSS
1

I’m having a problem with image borders. I want every image on my website to have the border 1px solid black EXCEPT my banner (which is in my DWT file and appears on top of every page).

If I put img{border: 1px solid black} in my CSS file and style=“border:0px” on my banner in the DWT file, it still has a border.

How can i have a border on every image in my website exceprt the banner?

2

Give the image that doesn’t need the border a class, like banner and then in your CSS put

img {
  border: 1px solid #000;
}

img.banner {
  border: 0;
}
3

No - still have a border on my banner.jpg

4 
img {
  border: 1px solid #000;
}

img.banner {
  border: 0 !important;
}
5

!important really should not be needed here.

Did you add the banner class to your HTML?

1 Like
6

Do you have a link to the problem page in question as we are guessing a little bit here. :slight_smile:

7

Thanks for your help, but I decided to replace the banner with text, and that solved the problem.

1 Like
8

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.