boxes around images

[wseyller]

I upgraded to 1.3.7 and now most of my images such as products images, my header logo image, buttons and such have a blue or purple box around them. How do I get rid of the boxes.

[kobra]

Post a url...as this is not standard

[wseyller]

sip.nrscoatings.com

[kobra]

If this link is to your 1.3.7 install??

Get rid of the table based stylesheet.css file dated $Id: stylesheet.css 277 2004-09-10

[wseyller]

Please be more specific to which css file is it.

file dated $Id: stylesheet.css 277 2004-09-10 <--Don't understand this.

[kobra]

Look inside your stylesheet.css file and at the top part there is a date stamp

[wseyller]

Yes I found that css file but you say just get rid of the file. How does that alone solve my problem. That would just make my site look terrible. Also removing it doesn't even make the borders go away.

[kobra]

Zen Cart 1.3.x is div based not table based.....the old sheet is a table based stylesheet.css file

[rstevenson]

While you're figuring out what to do about your old style sheet, find the style definition for IMG that sets a border of something other than zero and change it to zero. If there is no definition, add one that says...
img { border: 0; }

What's happening is that the default browser behaviour is showing through. Browsers will draw blue borders around images which are links (just like they make linked text blue unless you tell them otherwise). And if it's a link you've already visited, it'll be a purple box (or purple text).

So set the border to zero and the boxes go away.

Rob

PS
Pay attention to what Kobra says. He da man!

[wseyller]

Well I guess I will either find a new template that is more compatible or just deal with what I got because I don't have the knowledge to convert the css on my own from tables to div.