Forums

Hi,
i do not know from where am getting a big space between first fiel and the rest of my form?
any help?
am using ChronoForms V2.5 J1.5 RC3.1 Licensed and bot ChronoForms Bot 0.6 J1.5 Licensed

this is my code:

<div  class="form_item"><div class="form_element cf_textbox"><label class="cf_label">Name:</label><input class="cf_inputbox" maxlength="150" size="30" id="text_0" name="text_0" type="text"></div><div class="clear"></div></div><div  class="form_item"><div class="form_element cf_textbox"><label class="cf_label">E-mail:</label><input class="cf_inputbox required validate-email" maxlength="150" size="30" id="text_1" name="text_1" type="text"></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_textbox"><label class="cf_label">Tel:</label><input class="cf_inputbox validate-number" maxlength="150" size="30" id="text_2" name="text_2" type="text"></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_dropdown"><label class="cf_label">Contact me by:</label><select class="cf_inputbox validate-selection" id="select_3" size="1" name="select_3"><option value="Please select">Please select</option><option value=" Phone"> Phone</option><option value=" e-mail"> e-mail</option></select></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_textarea"><label class="cf_label">Brief details:</label><textarea class="cf_inputbox" rows="5" id="text_4" cols="30" name="text_4"></textarea><a onclick="return false;" class="tooltiplink"><img  src="components/com_chronocontact/css/images/tooltip.png" class="tooltipimg" width="16" border="0" height="16"></a><div  class="tooltipdiv">Brief details:  Please write a brief details aboute your request</div></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_dropdown"><label class="cf_label">How did you find us?</label><select class="cf_inputbox" id="select_5" size="1" name="select_5"><option value="Please select">Please select</option><option value=" Web search"> Web search</option><option value=" Muslim directory"> Muslim directory</option><option value=" Green pages"> Green pages</option><option value=" Tijarah pages"> Tijarah pages</option><option value=" Muspages"> Muspages</option><option value=" Flyer"> Flyer</option><option value=" Recommendation"> Recommendation</option><option value=" Direc contact"> Direc contact</option></select></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_button"><input value="Submit" name="undefined" type="submit"><input value="Reset" type="reset"></div><div class="clear"> </div></div>

Hi editor,

first I see your code created with V3.0 then why you installed V2.5 ? all you needed to do is to patch your V3.0 installation!

let me know!

Max

hi Max,
thanks i have uninstalled them all then installed v3, then patched it, but still the same problem?

regards

Ok, I will need to check this myself, can you send me here or PM me a link to this website ?

Max

Hello,

I have same problem. Any suggestions?

Hi dimi,

This is a CSS conflict, if you have V3.1 RC2 then try to "transform" your form to "theme1"

Regards
Max

Hello, Max

Thank you, it's works!

Regards,
dimi_mel

Hi Max,

is there any chance in fixing the problem? The default theme ist way more "space" efficient due to putting the labels and the input areas in the same line.

Thx for your help.
Cheers
al

Hi Blueglow,

The 'big space' happens when the second field is pushed down below bottom of the side column (the left one in this case). Sometimes this is a misplaced <div>, sometimes it's because of the height:auto css.

It can usually be fixed by a little patient work with the css for the form and the template.

Bob

Hi Greyhead,

thx for the hint. i will try my best and post a reply as soon as I found the wrong code.

might take a while since i do have other urgent work to do.

cheers
al