It's good to know that the label and input can be styled separately.
I didn't understand that...

Ok... here's the code I'm using (the part that's relevant, anyway)...

errorPlacement: function(error, element) {
error.insertBefore(element);
},

<style type="text/css">

label.error {
        color: red;
        font: Arial Helvetica San-Serif;
        font-size: 12px;
        position: relative;
        top: -21 px;
        }
        
input.error {
    position: relative;
        left: -144;
        }
        
</style>

Now that works for the top formfield, Principal.
But like you mentioned earlier, Jorn, when the error
message is displayed for the bottom two fields,
it's in the wrong position because of the length of the
error message and is on top of the field above.

Have a look at the site again, http://bodaford.whitestonemedia.com
and let me know what you think.

Any tweaks to this solution you can think of?

Rick


-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Jörn Zaefferer
Sent: Friday, March 09, 2007 1:23 PM
To: jQuery Discussion.
Subject: Re: [jQuery] Need some guidance...

I don't quite see the problem:

label.error { styles for error messages }
input.error { styles for invalid fields }

-- 
Jörn Zaefferer

http://bassistance.de




_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Reply via email to