Attribute option name line break problem

[anworks]

Alright - I have been doing this for a good 4 hours today and I have spent another 5 trying to fix this problem before. Basically I want the option name to appear on a single line... For some reason it breaks to the next line. I have a custom template and I have modified it quite a bit but this should not be a big deal to do...

You can see what im talking about if you click the link bellow - it says "Choose top layer firmness" I want this to be on one line istead of breaking. ANY help is greatly appreciated.

http://palmettomattress.com/index.ph...products_id=25

[jcdk]

Nice website!

I think you should remove the:


<br class="clearBoth" />


out of your product_info tpl file. This statement forces a linebreak right after every attribute header.


When I read your source code:

<div class="wrapperAttribsOptions">
<h4 class="optionName back"><label class="attribsSelect" for="attrib-1">Size</label></h4>
<br class="clearBoth" />
<div class="back">
<select name="id[1]" id="attrib-1">
<option value="1">Twin ( $1,499.99 )</option>
<option value="11">TwinXL ( $1,599.99 )</option>
<option value="2">Full ( $1,749.99 )</option>
<option value="3">Queen ( $1,899.99 )</option>
<option value="4">King ( $2,499.99 )</option>
<option value="12">Cal King ( $2,599.99 )</option>
</select>

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

The red statement makes it break
</div>



good luck

[anworks]

jcdk,

Thanks for the reply. You are correct that the "clearboth" will make the attribute option skip a line. Thats actually what I want. What I am trying to do is get the actual attribute option name (choose top layer firmness) to fit on one line. There is plenty of room but something is pushing it down to the next line I am sure its a style (or lack of) but. The screen shot should give you a better idea what im talking about.

[anworks]

Alright its not real clean but I found a fix. First I had to change the products_options_name from VAR32 to Var 255 (or what ever) in the database. This allwed me the room to put in the option names with an html space (&nbsp;) Which will keep it from breaking to the next line. If anyone can come up with anything better let me know. I have no idea why it chooses to break.

[rstevenson]

In your stylesheet, around line 150, attribsSelect has been given a width of 120px. Increase that and you're good to go.

Rob

[anworks]

Rob - U are the man. I dont know how I missed that