align attributes

[Sushigal]

http://www.thegreatgiftshop.co.uk/ze...roducts_id=565

as you can see from the above link, 'add a brass plaque' and 'engraving text' spaced the same distance away from the column on the left, however 'set sized required' isn't. How can I move it across a bit so its in line with the others and also how do I decrease the gap between all three so instead of them appearing as they are spaced far apart, they appear like this a lot closer together;

Add a Brass Plaque?
Engraving text - 60 characters
Set Size Required

[gjh42]

You appear to have a coding error on top of CSS issues. All of your attributes have an extra </div> following them, which closes #productAttributes and #productGeneral prematurely. I believe this is relevant to the misaligned left margins, as the attributes are in different containers. Look for a stray </div> in the attributes section of tpl_product_info_display.php.

You have <br class="clearBoth" /> after each attribute, and that is hanging up on the add to cart box and preventing the second and third attributes from rising. Add to your stylesheet

#productAttributes+.clearBoth, .wrapperAttribsOptions .clearBoth {clear: left;}

to partially fix the issue. The full solution will depend on finding the stray </div> and putting it back where it belongs.

[Sushigal]

Hi, thanks so much for getting back to me. I have added that bit of code to the stylesheet but as for looking for a stray </div> in the attributes section of tpl_product_info_display.php, I really wouldn't know what I was looking for. I have the correct file open, and I think I've found the attributes section but not sure how many </div>'s there should be and where. Would it just be perhaps </div> </div> and should only be one?

I may be able to do that bit but as for putting it back in the right place not too sure. I'm very new to css and am picking it up as I go along :)

[Sushigal]

I've just noticed something too, the product should say staring at 11.95 but it says 19.90?! I've checked the attribute prices and they are correct, it seems to be adding the 7.95 to the 11.95 to make 19.90 how cna i stop it adding the 'yes please' from the add a brass plaque? drop down.

[Sushigal]

I also need to make the attribute images appear under all the drop down attributes, how can I do this? I'm getting so frustrated with this layout really need some help here

[Sushigal]

ah ha, it seems my price for 'no engraving was + 0.00

so i changed it to just 0.00 without the + and thats stopped zen choosing the engraving option as being the cheapest and adding it to the other cheapest price (as the products priced by attributes) so now it just adds 0.00 to the first cheapest price 11.95 to give the correct 'prices starting at' price. Phew!

I'm still lost on the layout of the attributes though. By the end of the day I'd really like to achieve;

1. correcting what gjh42 mentioned. I don't know which div im looking for

2. making the option name of each drop down attribute line up exactly see here for how awful it looks at the mo! http://www.thegreatgiftshop.co.uk/ze...roducts_id=563

3. would also like the attribute images in this case the two images of the set sizes, to be side by side on one row instead of one on top of the other

So please help me, I'm really stuck now.