How to override color borders around linked images with css

a img {border: none;}

cheers,

gary

Does its position in the stylesheet matter? It is live. These borders have something to do with the link attached to the images.

I don't see the changes that kk5st recommended in your file http://www.artbeautiful.com/includes/templates/artb/css/stylesheet.css. Which line are they?

The position in the style sheet could matter, but I don't see any styles already applied to a img, so I don't think it would matter on that page.

I, too, fail to see where you put it. I'd dropped it in right at the end of your various anchor rules.

cheers,

gary

I had hastily uploaded it as a .txt instead of .css
Thanks for all your attention to this.

Two more questions come to mind:

1> When you have an 'a' inside a '#div', that has a '.class' applied to to the div that's different from what you want for the 'a', how do you style that? Is it: #div.class a:link { color:etc; }?

2> I not long ago read a post somewhere (thought it was alistapart.com, but couldn't find it ) that gave a hierarchy of css styles in the order they impact other styles in the same sheet. I've forgotten what they called it, but I'd like to find that again. Any clues?

Thanks,
Jack

I think specificity is the word you want.

cheers,

gary

I am now trying to change the colors of the links on this page, unsuccessfully.

https://www.artbeautiful.com/index.php?main_page=new_account

I have tried:
#siteMapList, #pagenotfoundBody#pageNotFound.centerColumn ul li a:link { color:#333; }
#siteMapList, #pagenotfoundBody#pageNotFound.centerColumn ul li a:visited { color:#333; }
#siteMapList, #pagenotfoundBody#pageNotFound.centerColumn ul li a:hover { color:#666; }
#siteMapList, #pagenotfoundBody#pageNotFound.centerColumn ul li a:active { color:#333; }

and several other combinations, but nothing does it without effecting the other links on the left and top of the page.

URL of CSS: https://www.artbeautiful.com/includes/templates/artb/css/stylesheet.css

http://www.alistapart.com/articles/perfect404/

As well as the “something went wrong” text, you should ensure that your error page has the following:

* A link to the site map (if you have one) and the home page. This is the easiest way for users to bail out. This no-brainer requires no clever scripting.
* A search box. If you have a site search, add it to your 404 page. If you don’t have a site search and are in the habit of generating 404 errors, perhaps you should get one.
* A distinctly minimalist look. Avoid putting all your standard site navigation on this page. You should aim to remove distractions. Besides, insisting on including a complete site navigation strip may present a maintentance overhead (your 404 page can easily lag behind the rest of the site if it is not dynamically updated with the rest of your site and the last thing you want is to have navigation on the 404 that is no longer relevant/working. Oh the irony!)

---however, I am not a php coder and that is what your suggestion will require. This is a modified Zen Cart site and I am just trying to get the thing live and have been for weeks.

Back to my question: is their a way to temporarily fix the look of this page, given what I have to work with at this time? Actually, the answer would help me now and in the future.

I know this is not a php forum, but if someone could coach me on the code that I would need to drop the sitemap content, I'd be glad to do it immediately. Otherwise, I'm hoping there is a css solution that I'm missing. Thanks.

Jack

This does it but I have no idea why ---

#siteMapList, #pagenotfoundBody ul li a:link { color:#333; !important; }
#siteMapList, #pagenotfoundBody ul li a:visited { color:#333; !important; }
#siteMapList, #pagenotfoundBody ul li a:hover { color:#666; !important; }
#siteMapList, #pagenotfoundBody ul li a:active { color:#333; !important; }

What happens if you tried this:

with spaces? eg

#siteMapList, #pagenotfoundBody #pageNotFound .centerColumn ul li a:link { color:#333; }

I'm not sure how complex your HTML is but a few browsers don't support multiple ID/Class selectors.