Help asked from css hero/heroin with my product display

[jvanree]

Hi,

I'm trying to get my additional images lined up next to the main image. I've tried several solutions on the forum but I'm not doing to wel on implementing them.

The images on this page http://www.shona-stoneart.nl/index.p...roducts_id=240 are still all the way down and the images on this page are about the right location (well... sort of) http://www.shona-stoneart.nl/index.p...roducts_id=391

I think the difference is in the fact that some are portrait and some are landscape.

Does anybody know how to put them right next to the main image (please not trough the php way.... I know there are css ways to do it.... I just don't know how)

Also, my products have a maximum of 9 additional images, I would love to have them spaced out evenly (horizontally and vertically) next to the main image. If it can't be done I understand, the question before this one is more important, but if you happen to know the answer please let me know.

Thanks a lot in advance!

Juliet van Ree

ps. Forgot to mention I have a seperate stylesheet for additional images, it is visable with firebug or other css add ons.

[haredo]

Hi,

I'm trying to get my additional images lined up next to the main image. I've tried several solutions on the forum but I'm not doing to wel on implementing them.

The images on this page http://www.shona-stoneart.nl/index.p...roducts_id=240 are still all the way down and the images on this page are about the right location (well... sort of) http://www.shona-stoneart.nl/index.p...roducts_id=391

I think the difference is in the fact that some are portrait and some are landscape.

Does anybody know how to put them right next to the main image (please not trough the php way.... I know there are css ways to do it.... I just don't know how)

Also, my products have a maximum of 9 additional images, I would love to have them spaced out evenly (horizontally and vertically) next to the main image. If it can't be done I understand, the question before this one is more important, but if you happen to know the answer please let me know.

Thanks a lot in advance!

Juliet van Ree

ps. Forgot to mention I have a seperate stylesheet for additional images, it is visable with firebug or other css add ons.

Jv,
Locate this:
includes/templates/template_shona/css/stylesheet_additional_images.cssFind this:

#productAdditionalImages {
float:right;
margin-top: -180px;
width:50%;
height:50%;
clear:both;
text-align: center;
}

1. change the highlighted red text above to -38em;

[jvanree]

Thank you for your advice, but now my landscape photo's are way to high up there (as in in the header.... )
see page http://www.shona-stoneart.nl/index.p...roducts_id=391

[jvanree]

Can anybody help me with this? I don't want to kick my own topics up but I've tried so many things

[clydejones]

Thank you for your advice, but now my landscape photo's are way to high up there (as in in the header.... )
see page http://www.shona-stoneart.nl/index.p...roducts_id=391

Can anybody help me with this? I don't want to kick my own topics up but I've tried so many things

try this: note the highlighted portion

#productAdditionalImages {
float:right;
margin-top: -20em;
width:50%;
height:50%;
clear:both;
text-align: center;
}

[jvanree]

@clydejones, thank you for your reply, it does bring down the landscapepictures but unfortunatly also the portrait pictures so they look like this now http://www.shona-stoneart.nl/index.p...roducts_id=240

It's difficult to explain but what I try to achieve is the top of the toprow additional images is at the same line as the top of the main image.