more than one image for a product

[tracib]

I got my problem solved from an info I found in another thread--but wanted to post what I did in case someone else was having the same problem.

I added:

#productAdditionalImages {
width: 200px;
}

to my stylesheet, it moved both images over and put the "larger image" text underneath them. You might need to adjust the 200px, but the width worked well for me.

[gjh42]

You're using the Dotline mod (not sure of its official name) which is what creates the table and is nost likely responsible for the spacing. I don't know anything about its workings; you might ask the author. I presume there is a support thread for it.

Nevermind... :) but the table comment is still true.

[tracib]

Well, since I got the spacing problem figured out, the dotted line is fine now. When I change the width number for the additional images, it moves with them--so it can stay!

[xman888]

Hello gjh42,

I was wondering if I could rack your brain again.

I am looking to get the additional images under the main image.

I had it working before on my site when I was using 1.37, however I don't seem to have it working on 1.38.

The link is here:

http://xmanhosting.com.au/shop/index...&products_id=3

Any help would be greatly appreciated.

Kind regards,
Anthony

[xman888]

Hello,

I found that if I change:

#productMainImage img {
margin: 1em 0em 3em 0em ;
float: right;
}

to :

#productMainImage img {
margin: 1em 0em 3em 0em ;
float: left;
}


The images are alligned to the left. However if it says: float: right; the main image moves to the right, however the additional images stay where they are:

Is it something to do with this part of the code:


#productAdditionalImages img {
margin: 1em 0em 1em 0em ;

float: right;
}

Kind regards,
Anthony

[gjh42]

Your main and additional images appear to be both aligned to the right now, within the width of #productImagesWrapper. Do you still have a problem?

[xman888]

Hi gjh42,

Thanks for the reply.

It still apears non aligned in my browser (IE6)

I have attached a screenshot.

Kind regards,
Anthony

[gjh42]

Great... IE strikes again. Since it works in Firefox, it's probably coded right. It will take some looking at to see what IE is having a problem with. You might try validating the HTML and CSS with the w3c validator, to see if that picks up any errors...

[xman888]

Hi gjh42,

Thank you for the reply.

The bummer part of this is that there were no problems when I was trying to achieve what I am asking about using zen 1.37, however it only seems to occur when using zen 1.38

Thanks for having a look at it anyway.

Kind regards,
Anthony

[xman888]

Hi gjh42,

I downloaded Firefox to see what it looked like when I viewed it through a different browser.

It produced a different (worse error) than with IE6

I have attached a screenshot

Did it look normal in your view?

Kind regards,
Anthony