Forums

Styling my form

AlvinAVP 22 Oct, 2009
[[>> 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>
GreyHead 22 Oct, 2009
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
This topic is locked and no more replies can be posted.