AbleCommerce Shopping Cart Software

I'm having issues with image links I create on my AbleMods.com site.

They always have a purple border around them. I have no clue where to fix this, but I'm assuming it's in the style sheet somewhere. I'm allergic to CSS

Thoughts?

Examples:
http://www.AbleMods.com/default.aspx the little RSS feed icons shouldn't have that purple border.
http://www.ablemods.com/Downloads.aspx The problem is much more noticeable on my downloads page.

I'm a CSS noob, but I googled to attempt to find you a solution.

Only thing I could come up with: http://archivist.incutio.com/viewlist/css-discuss/62225

Try putting a .img{border:0;} in your style.css. At the top would be good. If that doesn't work, you would need to put it also in the section that has the image, like #leftPanel .img{border:0;}

I like to use Firebug for things this like this (Firebug is a plugin for FireFox). Here's a 30 second movie (made with Jing) showing how I can use Inspect to find the HTML and CSS that are used to render the element. In this case I found an img inside of an anchor and the style being applied was an anchor style. Then I turned on CSS editing (after a bit of fumbling) and added a nested anchor style:

a img { border: none}

The selector (a img) will select any img tag inside of an anchor tag. Then the style turns off the border. Notice that as soon as I type the closing brace, Firebug applies the style and the borders disappear. Now that we know what style works, you can add it to one of your style sheets.

click to watch the movie

Joe:

If you have not solved your problem call me and I will help you out.

I second the Andy's idea.

afm wrote:a img { border: none}

Hey that worked perfectly.

Thanks Andy!!