Product Images Not Aligned Correctly / How to Right-Align Product Images

[DeathTaffy]

Hi,

 

I'm a newbie to osCommerce and this is my first webshop, so bear with me.

 

So far, I've been able to google the solutions to my problems, but it seems I have hit a brick wall. I'm hoping I can get some help from some more knowledgeable people.

 

 

http://www.deathtaffy.com/shop/product_info.php?products_id=29

 

Version: 2.3.1

 

Tested On: Firefox 5&6, IE 6&8.

 

The problem:

 

My product images seem to be Center-Aligned rather than than Right-Aligned. The large product images float in the center, pushing my description far up against the left side of the page. I'd like to say that this was a result of my customizing, but I reinstalled the shop back to it's defaults, uploaded a new product and found the same result happening on the default template as well.

 

Furthermore, this isn't just a problem for the new products. Poking around the default products I've found that they suffer from the same issue. Whether or not the item has a Product Model Number inputted also seems to effect it.

 

http://www.deathtaffy.com/shop/product_info.php?cPath=21&products_id=28 (Model Number Input)

 

http://www.deathtaffy.com/shop/product_info.php?products_id=30 (Model Number Not Input)

 

Products with small images do not have this alignment problem.

 

Anybody have any suggestions? I'd like the product images to be right-aligned so that my descriptions will not be so narrow and mushed up.

[♥toyicebear]

Edit the size "settings" for the javascript gallery in this file product_info.php

[DeathTaffy]

Thanks. It took me a minute to find the right line of code, but it seemed to have done the trick.

[Flotec]

I have the same problem with images moved to the center and I don't know how to change the settings in the javascript gallery in product_info.php. My pictures have a width of 800 and hight of around 550. This is how to the code looks like:

 

<script type="text/javascript">

$('#piGal ul').bxGallery({

maxwidth: 300,

maxheight: 200,

thumbwidth: <?php echo (($pi_counter > 1) ? '75' : '0'); ?>,

thumbcontainer: 300,

load_image: 'ext/jquery/bxGallery/spinner.gif'

});

</script>