Attribute - Color - Overlap Image

[imfsub12]

I just made a new item..

then i went to the attribute and put 2 colors for the product with a image swatch for each. When i view the site, they both show but they are overlapped???

not sure why they do that.. images are 150x150 pix each..

[kobra]

Yeah, and where is a link to your site?

[imfsub12]

http://www.stonyplaintack.com/index....roducts_id=199

[kobra]

A couple of issues

First you have stylesheet_old.css on your server and all sheets/files that end with .css are parsed in order. Check what you have changed and rename these with any extention EXCEPT .css.

Whatever you are using as an editor is adding spurious characters and if you are also editing php files with it this can be an issue

/**
 * Main CSS Stylesheet
 *

I see that you have 3 colors but only 2 swatches and they are 150px wide. If you had 3 they would not fit and I suspect that you changed these to render at 150px in your admin and suggest you revert to the default image size for these as this alone will probably correct this.

For 2 images you can change this in your style sheet from 20% to 45% with the current image width and only 2 images.

.attribImg {
	width: 20%;
	margin: 0.3em 0em;
}

[imfsub12]

ok i got ride of the OLD css.. not sure how u knew i had it in there.. won't do that again.. if i change the .css to .old would that be good..

and i can't seem to find this in my css????? i was using the new expression web 2, but i can go back to text editor...

/**
* Main CSS Stylesheet
*

Plus i can make the images like 50x50 to solve the problem as well but they still show up overlaped..

[kobra]

new expression web 2!!! That is just "FrontPage" made over and it was terrible...If you open in a text editor you sould see them...

There are free code editors available

crimson, notepad++, and others

If you make them 50x50 we can work out the rest