RubberNeck Designs » Form Input Broken http://www.rubberneckdesigns.com Drupal Web Developer Notes & Sharing Tue, 31 Jan 2012 00:28:02 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Form Input Not Working; A Misplaced "float" Declaration in CSS Can Be to Blame for Broken Form Input http://www.rubberneckdesigns.com/uncategorized/form-input-not-working-a-misplaced-float-declaration-in-css-can-be-to-blame-for-broken-form-input/ http://www.rubberneckdesigns.com/uncategorized/form-input-not-working-a-misplaced-float-declaration-in-css-can-be-to-blame-for-broken-form-input/#comments Thu, 17 Sep 2009 18:35:04 +0000 admin http://rubberneckdesigns.com/?p=163 Just a note in case your pulling your hair out. If you have a form that for all intents and purposes SHOULD be working but does not allow user input in a text field then perhaps this cold be your problem.

Try taking a look at the CSS on the element following the form. In my last encounter with this problem, it was a <p> that followed a form within a div.

The <p> had  a CSS declaration of float:left and was inside a div that was floated to the right.

The followinghad 2 declarations:

p {
float:left;
clear:left;
}

To my surprise, this is what broke the form inputs -weird.

I fixed the <p>’s CSS to declare clear:left; and the form straightened back up.

So if you’re having trouble with form inputs and you have narrowed it down to CSS, I hope this helps.

Please feel free to make any comments or even give an explanation.

]]> http://www.rubberneckdesigns.com/uncategorized/form-input-not-working-a-misplaced-float-declaration-in-css-can-be-to-blame-for-broken-form-input/feed/ 0