Space between attribute option name and value

[Bridye]

I'm having issues with the spacing between the attribute option name and its value. You can see what I'm refering to here:

http://http://customweddingcrowns.com/bridye/index.php?main_page=product_info&cPath=2_10&products_id=5

First it says' Please choose:' about 4 lines above the option name 'baby sizes', this is about 4 lines above it's value checkboxes '3 - 6 mos.' '6 - 9 mos.' etc. I would like it all to have about .8 lines between the names and values.

I have tried changing their order so they are at the top or bottom (thinking something on the page may be interfering with them), I have also been all through the stylsheet and been able to change the spacing on about everything else but that. Other post have helped me change the spacing, as well better arrange the attributes and images, but I havn't found help for this yet.

Any help is appreciated.

Thank you in advance,
Brian

[Louis]

You moved your "Add o cart" box to high. Move it to below your atttribute section (one down) and it will be ok. It is right justified but still uses the full number of lines on the screen.

see http://shop.technopro.co.za/index.ph...products_id=57 as example.

[Bridye]

Thank you, your example is just right. I'm having trouble finding the place to set cart order. I know I'm probably over-looking it. Where is it?

Thanks.

zen-cart 1.3.7

[Louis]

Brian,

You need to edit the tpl_product_info_display.php file and move the complete bof to eof for "add to cart box" and reorder the sequence to get it where you want.

[Bridye]

Ok, so I can move the cart around, but that doesn't help because I cant put it between the 'baby sizes' attribute and the 'pattern' attribute. I did however make progress.

In tpl_modules_attributes here:
<div class="wrapperAttribsOptions">
<h4 class="optionName back"><?php echo $options_name[$i]; ?></h4>
<div class="back"><?php echo "\n" . $options_menu[$i]; ?></div>
<br />
I removed the "clear: both;" part of the <br> tag. This put the 'baby sizes' and checkboxes on the same line. This is great. What I don't like is that it put 'pattern' and the images on the same line as well.

So here's the question. Can I create a seperate tag, say .clearLine that I can insert here instead of "clearBoth" that is a line break. so 'pattern' is on a differnet line from the images?
<?php
if ($options_attributes_image[$i] != '') {
?>
<?php echo $options_attributes_image[$i]; ?>
<?php
}
?>
<br class="clearBoth" />
<?php
}
?>

Thanks for your help so far Louis,
Brian

[Bridye]

Anyone have any help with this one. The spaces are different on each page for my attributes. I've moved my cart around. Deleted "clearBoth" tags. I've tried everything I've found on the forums so far. Any ideas? you can see the difference in pages here:

http://www.bridye.com/index.php?main...&products_id=9

http://www.bridye.com/index.php?main...products_id=13

I just don't get it.
-Brian

[jettrue]

Anyone have any help with this one. The spaces are different on each page for my attributes. I've moved my cart around. Deleted "clearBoth" tags. I've tried everything I've found on the forums so far. Any ideas? you can see the difference in pages here:

http://www.bridye.com/index.php?main...&products_id=9

http://www.bridye.com/index.php?main...products_id=13

I just don't get it.
-Brian

I don't appreciate the difference between those pages. Where is the spacing different?

[Bridye]

You're right. The spaceing between attribute names is the same. It's an illusion because of the radio on one page, check boxes on the other.

That doesn't help to get rid of the spacing between them though. For instance: in the 2nd link, product id=13. there are 3 lines between "toddler size" and "pattern".

Do you know of a wat to make those single spaced?

Thanks, Brian

[jettrue]

You're right. The spaceing between attribute names is the same. It's an illusion because of the radio on one page, check boxes on the other.

That doesn't help to get rid of the spacing between them though. For instance: in the 2nd link, product id=13. there are 3 lines between "toddler size" and "pattern".

Do you know of a wat to make those single spaced?

Thanks, Brian

One issue, is that it looks like you've added a bit of <br>'s and <br class="clearBoth"> to your tpl_modules_attributes.php. Here is some of the source of that page:

<br class="clearBoth" />

<div class="wrapperAttribsOptions">
<h4 class="optionName back">Pattern</h4>
<div class="back">

</div>
<br />
<br class="clearBoth" />
</div>

remove the <br>'s.

Change the <br class="clearBoth" /> to <div class="clearBoth"></div>

Open up your stylesheet, and make these changes to these sections:

.clearBoth {
clear:both;
height:0;
font-size: 1px;
line-height: 0;
}


.wrapperAttribsOptions {
margin: 0em;
padding:0;
}

label, h4.optionName {
line-height: 1em;
padding: 0em;
margin:0;
}

[Bridye]

Yeah! Thank you so much. I didn't notice the <br> tag was left in there. It was a loftover from when I tried removing the clearBoth tag. I knew I needed something other than clearBoth, I didn't think of <div>.

Again, thank you so much. I've seen several other posts looking for this info. This is the most effective and elegant solution. Hopefully this will help others as well.

If you ever want a custom dye let me know. I'll make you one for cost.

Have a great day,
Brian
bridye.com