Horizontal atribute alinement

Hi All.

I have read through many many threads and still cannot find what i am looking for, so can any one help me to solve this?

I have tried to custom code the tpl_product_info_display and from that the tpl_modules_attributes that it leads you to but i cannot get it to do as i wish.
My coadings not the best (but i did try and learn loads while trying)

I have also looked at the css with the help of firefox developers tool kit but i'm not getting any were that way.

What i am looking to do is align the attribute horizontally instead of the default vertical setting. As i have 45 colour swatches as well as about 12 product options (there not all on there at the mo) above them you will need to scroll down for days to see them all

I have attached a image of how i would like it to be as my descriptions are usually rubbish

Your help will be most welcome.

Thanks Andy.

Attachment #333

URL https://www.niodonline.co.uk/catalog/index.php?main_page=product_info&cPath=89&products_id=215

Hi Again.

I have carried on trying with this and found the productsAttributes is set as default to the same as the main page wrapper in CSS i have placed the necessary code in the style sheet but i still cannot get the images to align as i want them to.

I have also put a float on the productGenral .centerColumn to try any help.

As this is just trial and error can anyone tell me is I'm heading in the correct direction.

Thanks.

Andy

Hi Again..

Worked it out...

not sure if this is the correct way but it works for me

In tpl_modules_attributes i removed the first 2 <br class="clearBoth" />

Then i added #productAttributes{
width: 850px;
Height: 100%
float: center
}
#productGeneral .centerColumn{
float: none;
}
to the end of
/wrappers - page or section containers/
in my CSS

Hope this is of help to some one as it's done my head in for the last 8 hours..

Andy.