Left Justify Attributes

[epxpc]

As you can see at http://www.customcomputerdepot.com/i...&products_id=4
the attributes are confussing to look at. Is there a way to left justify just attributes? Also I was wondering if there is a way to add a text line under each attribute or a "more info" link to describe the attribute option.

Thanks!
Mike Noll

[bombknex]

It looks like there is no line break after your headers. In your code:

<div class="wrapperAttribsOptions">
<h4 class="optionName back">Operating System</h4>
(((you need to break here)))
<div class="back">
<input type="radio" name="id[2]" value="1" checked="checked" id="attrib-2-1" /><label class="attribsRadioButton one" for="attrib-2-1"><img src="images/attributes/msxp01_on.gif" alt="" width="50" height="35" />  Windows XP Home</label><br />
<input type="radio" name="id[2]" value="2" id="attrib-2-2" /><label class="attribsRadioButton one" for="attrib-2-2">Windows XP Professional (+$49.00) </label><br />

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

You can style everything there but I would do something along the lines of...

.wrapperAttribsOptions back {clear:both;}

or...

div.back {clear:both;}

Try adding those to the stylesheet and that should make it so those blocks don't nestle up next to the headers.

Good luck, Jonah

[epxpc]

Hey Jonah,

Thanks for the reply. Here is my stylesheet:

.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
margin: 0;
width: 47%;
}

.wrapperAttribsOptions {
margin: 0.3em 0em;
}

/*navigation*/

Where should I put that <br>?

Thanks! Mike

[bombknex]

Hey Mike,

You can't put the <br> in the stylesheet, but you could put it in one of the template files that contains the code for drawing up all the attributes html. But that is more complicated so let's try this method first...

Enter the new style entry as so...

 .floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
    margin: 0;
    width: 47%;
    }

.wrapperAttribsOptions {
    margin: 0.3em 0em;
    }

 .wrapperAttribsOptions back {
clear:both;
}

That should work but if it doesn't I can help you with modifying some other files to get it to work.

Let me know.

- Jonah

[epxpc]

Hi Jonah,
I tried it but it still isn't working.......
http://www.customcomputerdepot.com/i...&products_id=1