layout of additional images on product info page

[Sushigal]

Hi, I've just moved the attributes so that they appear below the additional images on the product layout page, however theres quite a large space between the product description and the first additional image, see here for an example; http://www.thegreatgiftshop.co.uk/in...roducts_id=859

How can I tidy this up so that additional images are displayed immediently under the text, with say just one line space, and then the attributes appear neatly under them.

Thanks.

[Sushigal]

UPDATE....

I moved the block of code for the product description so that it came right before the additional images, which solved the problem for the product in question but when I looked at another product with additional images there was a huge gap between the product title and the description and it looked a mess so ive changed it back.

Any ideas how I can have all things nice and neat and tight layout on all product pages?

[stevesh]

If you don't mind using negative margin:

.additionalImages {margin-top:-9.8em;}

.additionalImages img, .additionalImages a {float:left;}

(I think the image looks better floated left.)

[Sushigal]

sorry to be dumb, but do I need to put this code into my stylesheet? or edit the existing??

[Sushigal]

I worked it out, had added to bottom of wrong stylesheet. Oh, beautiful. Thank you!! Exactly how I need it to look. Yes I agree, image looks better floated left.

[Sushigal]

Oh no, maybe not...looks fine for some products but this one;

http://www.thegreatgiftshop.co.uk/in...roducts_id=868

the additional images now overlap

Any ideas how to fix?