Changing Attributes listing

[metalarea]

Hi All

I have looked everywhere for this and cannot find it.

I am trying to change the display of the product attributes from underneath each other eg:

Size
Colour

To side by side eg:

Size Colour

Is there any way this can be done???

[gjh42]

It is possible, and maybe using only the stylesheet.

A link to your site would help.

[metalarea]

hi gjh42, my site is www.metalarea.co.uk

[gjh42]

I have a cob that will work under certain conditions. Add to your stylesheet

#productAttributes {position: relative;}
#productAttributes br+.wrapperAttribsOptions {
    position: absolute;
    top: 0em;
    left: 30em;
    }

This will move an attribute that follows another one to the same line as the first, and 30em from the left margin. If you may have more than two attributes for a product, you will need to add this

#productAttributes br+.wrapperAttribsOptions+br+.wrapperAttribsOptions {position: static;}

or else the others will end up in the same spot as the second.

Note: I have not tested this in IE6 and don't know if it will function properly there, as there are a number of standard CSS properties that IE6 does not support.

[metalarea]

cheers, that has worked perfectly - and in ie aswell

[Scrat]

gjh42 : Thanks for this, its just what I am wanting but...

I have several attributes most without pictures but some with, if I add three attributes to a product I get the desired result:

http://www.zen-cart.com/forum/attach...1&d=1217365076

but if add more I get this problem:

http://www.zen-cart.com/forum/attach...1&d=1217365156

Any Ideas ?