Images to left of Product Description?

Hello,

Is there any way of have the images on the left hand side of the product description, rather than just below it or above it.

The reason I ask is because I am wanting to add "List of Contents" for each product, which lists about 10 items down the page, which in turn pushes the images right down.

I have experimented with movong the images tag in tpl_product_info_display, however I can't seem to be able to get the desired effect.

Here is a link to demonstate how adding the "List of Contents" pushes the images down the page:

http://www.giftedallsorts.com.au/shop/index.php?main_page=product_info&cPath=1&products_id=2

Ideally what I am after is to have the images to the left of the description, and then the "add to cart" and "tell a friend" underneath the description.

Anyone have any ideas?

Kind regards,
Anthony

Problem sorted:

"Try moving the entire #productImagesWrapper code block to above the description code, and adding float: left; to #productImagesWrapper {} in your stylesheet. I can't test all this live on your site, but I think it will work."

Kind regards,
Anthony

You might want to add
padding-right: 1em;
to this so your text isn't right up next to your images.

#productImagesWrapper {
width:200px;

float: left;
}

anyone know how I can get my description to the right of my image? I tried editing the tpl_product_info_display.php and it didn't work?

http://www.poshpapers.net/index.php?main_page=product_info&products_id=1109

Looks okay to me - image on the left- description on the right in FireFox and IE7

It's currently underneath my product image, I want it to the right of it...

In my firefox its still on the bottom, in IE its to the right?

You have the description floated left, so it will try to follow the main image, but since it is not limited in width it takes up the full column and has to sit below the image.
In your stylesheet, change this

/*.content,*/ #productDescription, .shippingEstimatorWrapper {
	/*font-size: 1.2em;*/
	padding: 0.5em;
	float:left;
	}
```to this```
#productDescription {
	padding: 0.5em;
	}

.shippingEstimatorWrapper {
	padding: 0.5em;
	float:left;
	}