I’m working on a tooltip for my site’s contact form (can be seen here in the contact section.)
I’m having some problems in positioning the tool-tip correctly. As I’m sure you can see, the tooltip is not near the field it relates to. I have put in a left value of 200px within my css (which you can see in the .formerror class here)
However the element is still pulling through a left value of 279. Developer tools tell me this is from ‘element style’. I’m confused as to where this value is coming from, can anyone help?
From the demo here…
http://www.position-relative.net/creation/formValidator/demos/demoPositioning.html
…the code is working exactly as it should but the arrow on your graphic is centered instead of being aligned to the left so it looks a bit weird.
There is a section on the following page which tells you how to position your tooltip:
http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/
Look for ‘promptPosition’.