My images contained inside a tags have blue borders around them. How do I get rid of these borders?

Here's what I've been trying and it doesn't work:

#gallery .a .img {
   border-style: none;
}

Recommended Answers

If you are trying to specifically hit all images that are inside anchors that are inside an element with an id of gallery then you will want to define it this way:

#gallery a img {
   border: none; /* could still be border-style:none; but this just takes care of …
Jump to Post

All 2 Replies

If you are trying to specifically hit all images that are inside anchors that are inside an element with an id of gallery then you will want to define it this way:

#gallery a img {
   border: none; /* could still be border-style:none; but this just takes care of it as well */
}

The way you were doing it was targeting elements that had a class of "img" contained in elements with class "a" inside an element with id "gallery". Tags are referenced by just the tag name. Classes have the "." and id's have the "#".

thanks, that did the trick.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of 1.19 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.