Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Attribute option name line break problem

Attribute option name line break problem

Locked

Views: 1,879

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
18 Dec 2009, 3:52 AM
#1
anworks avatar

anworks

New Zenner

Join Date:
Dec 2007
Posts:
19
Plugin Contributions:
0

Attribute option name line break problem

Alright - I have been doing this :frusty: 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.php?main_page=product_info&cPath=28_13&products_id=25

18 Dec 2009, 9:41 AM
#2
jcdk avatar

jcdk

Zen Follower

Join Date:
Oct 2009
Location:
Netherlands - NB
Posts:
144
Plugin Contributions:
0

Re: Attribute option name line break problem

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

20 Dec 2009, 5:37 PM
#3
anworks avatar

anworks

New Zenner

Join Date:
Dec 2007
Posts:
19
Plugin Contributions:
0

Re: Attribute option name line break problem

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.

20 Dec 2009, 6:58 PM
#4
anworks avatar

anworks

New Zenner

Join Date:
Dec 2007
Posts:
19
Plugin Contributions:
0

Re: Attribute option name line break problem

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 ( ) 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.

21 Dec 2009, 2:08 PM
#5
rstevenson avatar

rstevenson

Totally Zenned

Join Date:
Nov 2006
Location:
Dartmouth, NS Canada
Posts:
2,400
Plugin Contributions:
0

Re: Attribute option name line break problem

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

Rob

21 Dec 2009, 4:11 PM
#6
anworks avatar

anworks

New Zenner

Join Date:
Dec 2007
Posts:
19
Plugin Contributions:
0

Re: Attribute option name line break problem

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