gjh42:
There are a few things that are giving your attributes layout problems. From view source:```html
<!--bof Attributes Module -->
<div style="float:left">
<div id="productAttributes">
<h3 id="attribsOptionsText"> </h3>
<div class="wrapperAttribsOptions">
<class="optionName back">Color<br />
<div class="back">
<input type="radio" name="id[1]" value="29" checked="checked" id="attrib-1-29" /><label class="attribsRadioButton zero" for="attrib-1-29">Black</label><br />
<input type="radio" name="id[1]" value="16" id="attrib-1-16" /><label class="attribsRadioButton zero" for="attrib-1-16">Red</label><br />
</div>
<br class="clearBoth" />
</div>
<br class="clearBoth" />
<div class="wrapperAttribsOptions">
<class="optionName back"><label class="attribsSelect" for="attrib-2">Size</label><br />
<div class="back">
<select name="id[2]" id="attrib-2">
<option value="20">Large</option>
<option value="18">Medium</option>
<option value="37" selected="selected">Select from below ...</option>
</select>
</div>
<br class="clearBoth" />
</div>
<br class="clearBoth" />
<div class="wrapperAttribsOptions">
<class="optionName back">Add TK3000 Mounting Kit<br />
<div class="back">
<input type="radio" name="id[14]" value="38" id="attrib-14-38" /><label class="attribsRadioButton zero" for="attrib-14-38">none</label><br />
<input type="radio" name="id[14]" value="39" checked="checked" id="attrib-14-39" /><label class="attribsRadioButton zero" for="attrib-14-39">Please Select</label><br />
<input type="radio" name="id[14]" value="40" id="attrib-14-40" /><label class="attribsRadioButton zero" for="attrib-14-40">TK3000</label><br />
</div>
<br class="clearBoth" />
</div>
<br class="clearBoth" />
</div></div>
<!--eof Attributes Module -->
```You have
> <class="optionName back">
> which is not a valid HTML tag - class is not an HTML element. It should be
> <h4 class="optionName back"> </h4>
> You can always change the styling here if you don't like the default h4 style.
>
> <h4 class="optionName back">Color</h4>
>
> <h4 class="optionName back"><label class="attribsSelect" for="attrib-2">Size</label></h4>
>
> <h4 class="optionName back">Add TK3000 Mounting Kit</h4>
>
>
> The cause of your attributes going down and right is the
> <br class="clearBoth" />
> that are all over here. Change them to plain <br /> tags.
>
> Get rid of the clear: left; as it is not what you want to do here.
Wow, I'm a bit confused now. It seems like you're telling me to edit just the source code for this one page but that can't be right because that wouldn't solve the problem when I wanted multiple attributes for all the other pages, not to mention I don't know how to edit the code for just one page. I checked my style sheet and I don't have any <br class="clearBoth" /> to remove in the entire thing. I tried removing the clear left from the statement
.wrapperAttribsOptions
{ margin:0.3em 0; clear: left; }
in my stylesheet but that again made the attributes display down the page instead of across it. I suppose my ultimate problem here is that I don't know what to do with the advice you're giving me. I'm just not that advanced yet.
Ian
