Additional images underneath main product image

Hi

I'm trying to position an additional image underneath the main product image which I have aligned to the right but I can't get it over to the right quite far enough.
Any CSS gurus out there who can pinpoint what I am doing wrong

Example = http://www.dartdesigns.co.uk/index.php?main_page=product_info&cPath=1&products_id=1

Thanks

If your images will be in the same page position in all your ads? Then you can use a position:relative; left:100px; line to manouver your additional images.

Try raplacing this:

#productAdditionalImages {
float: right;
padding-top: 150px;
}

with this:

#productAdditionalImages {
float: right;
position:relative; left: 180px;
padding-top: 150px;
}

....and changing the 180px; until it's in the right place.

Perfect

Thanks ever so much

Found a small problem.

Internet Explorer displays the page just fine but with Firefox I am unable to enlarge the main product image. How can I cure this?

Thanks

Solved it.

Had to change the top padding to a top margin and bingo

This would perhaps work for me if I knew what file contains #productAdditionalImages {

digger99:

This would perhaps work for me if I knew what file contains #productAdditionalImages {

That will be your stylesheet.css file :-)

Hii, I've used this thread to help me align my additional images below my main image. However, is there a way I could get the images to align straight across? When there are more than 3 images, they tend to go on different rows...Here's a link to see an example http://oembargain.com/index.php?main_page=product_info&cPath=115_126&products_id=230

Thanks in advance!

#productAdditionalImages {
float: left;
left: 0;
padding-top: 0;
position: relative;
width: 100%;
}

Adding the width will allow them to spread across the page, but you'll have to adjust the image width in admin, so that they fit on one row. Either that or limit the number of extra images to prevent an additional row.

works great! Thanks a lot!

Hi I have the same problem.... I'm trying to align My Additional Images below The Main Image BUT my stylesheet.css Does Not Have #productAdditionalImages PLEEEEEEEEEEESE HEEEEEELP :frusty:

Little Red Crane:

Hi I have the same problem.... I'm trying to align My Additional Images below The Main Image BUT my stylesheet.css Does Not Have #productAdditionalImages PLEEEEEEEEEEESE HEEEEEELP :frusty:

Then adding it to your stylesheet may be your solution?