Forums

check box spacing messed up

yaksushi 02 Sep, 2010
I have a form with multiple check boxes I've managed to get them to display in multiple columns but have been unable to get them to line up correctly in those columns. If I use a table to check boxes move when you check them. Any help in lining up my check boxes would be great! Here is the block of code for the check boxes.

<div class="form_item">
  <div class="form_element cf_checkbox">
    <label class="cf_label" style="width: 150px;">Target Fish: </label>
    <div class="float_left">
<input value="Bass" title="" class="radio validate-one-required" id="check00" name="check0[]" type="checkbox" />
      <label for="check00" class="check_label">Bass</label>
      
<input value="Catfish" title="" class="radio validate-one-required" id="check01" name="check0[]" type="checkbox" />
      <label for="check01" class="check_label">Catfish</label>
      
<input value="Perch" title="" class="radio validate-one-required" id="check02" name="check0[]" type="checkbox" />
      <label for="check02" class="check_label">Perch</label>
      
<input value="Salmon" title="" class="radio validate-one-required" id="check03" name="check0[]" type="checkbox" />
      <label for="check03" class="check_label">Salmon</label>
	  <br />
   
<input value="Drum" title="" class="radio validate-one-required" id="check04" name="check0[]" type="checkbox" />
      <label for="check04" class="check_label">Drum</label>
      
<input value="Walleye" title="" class="radio validate-one-required" id="check05" name="check0[]" type="checkbox" />
      <label for="check05" class="check_label">Walleye</label>
	  
<input value="Sauger" title="" class="radio validate-one-required" id="check06" name="check0[]" type="checkbox" />
      <label for="check06" class="check_label">Sauger</label>
   
<input value="Spoonbill" title="" class="radio validate-one-required" id="check07" name="check0[]" type="checkbox" />
      <label for="check07" class="check_label">Spoonbill</label>
	  <br />
      
<input value="Carp" title="" class="radio validate-one-required" id="check08" name="check0[]" type="checkbox" />
      <label for="check08" class="check_label">Carp</label>
      
<input value="Panfish" title="" class="radio validate-one-required" id="check09" name="check0[]" type="checkbox" />
      <label for="check09" class="check_label">Panfish</label>
      
<input value="Trout" title="" class="radio validate-one-required" id="check10" name="check0[]" type="checkbox" />
      <label for="check10" class="check_label">Trout</label>
	  
<input value="Gar" title="" class="radio validate-one-required" id="check11" name="check0[]" type="checkbox" />
      <label for="check11" class="check_label">Gar</label>
      <br />
	  
<input value="Pike" title="" class="radio validate-one-required" id="check12" name="check0[]" type="checkbox" />
      <label for="check12" class="check_label">Pike</label>
      <br />
      
    </div>
    
  </div>
  <div class="cfclear"> </div>
</div>
This topic is locked and no more replies can be posted.