Buy Now
Sign in

Styling my form

AlvinAVP , October 22 2009
A
AlvinAVP

[[>> I moved this post into it's own thread and changed the Subject | GreyHead <<]]

I would like to narrow the gap between each text box (input text) on my form. Anyone know how to do that? Attached is the screen shot of the form, and below is the coding:

				<div title="form_item0" class="form_item" style="border: 0px none ; background-color: rgb(231, 223, 231);">
<div class="form_element cf_heading">
<h1 class="cf_text">Have a Consultant Contact You</h1>
</div>

   <div class="clear"></div>
</div>

<div title="form_item1" class="form_item" style="border: 0px none ; background-color: rgb(231, 223, 231);">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 100px;">Name</label>
<input name="Name" id="text_0" size="20" maxlength="25" class="cf_inputbox required validate-alpha" type="text">

</div>

   <div class="clear"></div>
</div>

<div title="form_item2" class="form_item" style="border: 0px none ; background-color: rgb(255, 255, 255);">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 100px;">Phone</label>
<input name="Phone" id="text_5" size="20" maxlength="25" class="cf_inputbox required validate-number validate-digits" type="text">

</div>

   <div class="clear"></div>
</div>

<div title="form_item3" class="form_item" style="border: 0px none ; background-color: rgb(231, 223, 231);">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 100px;">Email</label>
<input name="Email" id="text_1" size="20" maxlength="25" class="cf_inputbox required validate-email" type="text">

</div>

   <div class="clear"></div>
</div>

<div title="form_item4" class="form_item" style="border: 0px none ; background-color: rgb(255, 255, 255);">
<div class="form_element cf_button">
<input value="Submit" type="button">
</div>

   <div class="clear"></div>
</div>

Attachments
ChronoForm_shot.jpg
ChronoForm_shot.jpg
(18.03 KiB)
5032 Downloads/Views
GreyHead

Hi AlvinAP,

You'll need to look at the form with a CSS diagnositc tool (like FireBug in FireFox) and see which CSS is setting the label height.

Bob

ChronoForms technical support
If you'd like to buy me a coffee or two, thank you very much