CSS form layout with jQuery Validation errors -
I have a form that I've styled with CSS so that the text box can be set correctly. I am using the form I am running on a layout issue when I submit the form due to the errors caused by verification. My CSS is as follows:
#form p label {padding-top: 5px; Display area; Width: 100px; Swim left; } I know that float: left; is causing the problem. I'm looking for errors to appear next to each text box without changing the layout. There is class .errors for jQuery validation errors. I have made one to recreate my problem.
Your CSS for label element all Labels elements, so this form is over-riding the label elements used by the plugin to display errors. Just adding this CSS only label elements are used by the plugin back to default values any of your other labels element without affecting #form p label.error {float: none; Display: Inline; } Demo:
Edit : My answer Resolve your question, but if you want to take advantage of jQuery, you should check out another option by using jQuery plugin for fancy tool-tips.
Demo:
Answer from:
Comments
Post a Comment