CSS form layout with jQuery Validation errors

alisrky

New Member
I have a form that I've styled with CSS to line up text boxes properly. I'm using jQuery Validation with the form. I'm running into a layout issue when I submit the form because of the errors that are being produced from the validation. My CSS is as follows:\[code\]#form p label { padding-top: 5px; display: block; width: 100px; float: left;}\[/code\]I know the \[code\]float: left;\[/code\] is causing the issue. I'm looking for the errors to appear next to each textbox without the layout changing. The class for jQuery Validation errors is \[code\].errors\[/code\]. I've made a jsFiddle to recreate my issue.
 
Back
Top