Textarea field width problem

Hi all...

First post here.

I've been using the Chronoforms form wizard to create forms successfully. However, when applied to my site the textarea fields will always stretch the whole way across the page. Also, the other textboxes used for input of name and email, etc. will not correcpond with the widths I am setting in the wizard, though they are not stretching all the way across like the textfield.

Can anyone advise me on the best way to solve this? Is it likely to be a Joomla template CSS issue?

The form cose is here:

<DIV  class=form_item  >
<DIV class="form_element cf_textbox" ><LABEL class=cf_label >Name:</LABEL><INPUT  id=text_0 class="cf_inputbox required" maxLength=150 size=40 name=text_0 ></DIV>
<DIV class=clear > </DIV></DIV>
<DIV  class=form_item  >
<DIV class="form_element cf_textbox" ><LABEL class=cf_label >Email:</LABEL><INPUT  id=text_1 class="cf_inputbox required validate-email" maxLength=150 size=40 name=text_1 ></DIV>
<DIV class=clear > </DIV></DIV>
<DIV  class=form_item  >
<DIV class="form_element cf_textbox" ><LABEL class=cf_label >Telephone:</LABEL><INPUT  id=text_2 class="cf_inputbox required" maxLength=150 size=40 name=text_2 ></DIV>
<DIV class=clear > </DIV></DIV>
<DIV  class=form_item  >
<DIV class="form_element cf_textbox" ><LABEL class=cf_label >Address line 1:</LABEL><INPUT  id=text_4 class="cf_inputbox required" maxLength=150 size=40 name=text_4 ></DIV>
<DIV class=clear > </DIV></DIV>
<DIV  class=form_item  >
<DIV class="form_element cf_textbox" ><LABEL class=cf_label >Address line 2:</LABEL><INPUT  id=text_5 class="cf_inputbox required" maxLength=150 size=40 name=text_5 ></DIV>
<DIV class=clear > </DIV></DIV>
<DIV  class=form_item  >
<DIV class="form_element cf_textbox" ><LABEL class=cf_label >Address line 3:</LABEL><INPUT  id=text_6 class=cf_inputbox maxLength=150 size=40 name=text_6 ></DIV>
<DIV class=clear > </DIV></DIV>
<DIV  class=form_item  >
<DIV class="form_element cf_textbox" ><LABEL class=cf_label >Postcode:</LABEL><INPUT  id=text_7 class="cf_inputbox required" maxLength=150 size=30 name=text_7 ></DIV>
<DIV class=clear > </DIV></DIV>
<DIV  class=form_item  >
<DIV class="form_element cf_datetimepicker" ><LABEL class=cf_label >Date required:</LABEL><INPUT  id=date_8 class=cf_datetime name=date_8   onClick="new Calendar(this);"></DIV>
<DIV class=clear > </DIV></DIV>
<DIV  class=form_item  >
<DIV class="form_element cf_textbox" ><LABEL class=cf_label >No. of persons:</LABEL><INPUT  id=text_9 class="cf_inputbox required" maxLength=150 size=30 name=text_9 ></DIV>
<DIV class=clear > </DIV></DIV>
<DIV  class=form_item  >
<DIV class="form_element cf_textarea" ><LABEL class=cf_label >Requirements:</LABEL><TEXTAREA id=text_10 class="cf_inputbox required" rows=6 cols=40 name=text_10 ></TEXTAREA></DIV>
<DIV class=clear > </DIV></DIV>
<DIV  class=form_item  >
<DIV class="form_element cf_button" ><INPUT  value=Submit type=submit ></DIV>
<DIV class=clear > </DIV></DIV>

Another problem I am having is with instering a captcha to stop spam. It does not show up on the form, although I can see the accompanying text. Again, any advice would be appreciated.

Finally, on the date field, the Prev and Next buttons are not displaying. I read on another thread about 'hard coding' - what is 'hard coding'? I've looked in the relevant Chronoform component older and everything seems fine, so what should I change to make the buttons display properly?

Many thanks in advance.

Hi whitting,

Here's your form in the default Joomla template - but with "Load Chronoforms CSS/JS Files?" set to Yes in the General Tab - so it's a template Css issue.

You probably need to set Anti Spam ON in the Anti-Spam Tab to see the image - there is no anti-spam code in this form.

Neither is there any date field so I can't see what's happening (or not) with the buttons. Load Chronoforms CSS/JS Files may fix this??

Bob