CSS question: form field popup hints do not appear in correct place

Hi. Having a CSS problem with form field popup "hints". Please take a look here:

http://test2.ebwebwork.com/editNewsTest.cfm

You will see that each form field has a popup "hint" that is created by CSS -- Enter News Title; Enter Date; Enter Author Name.

The popup hint should float to the right of the input field, rather than under the input field.

The popup hints should look like those on this page:

http://webdesign.tutsplus.com/tutorials/bring-your-forms-up-to-date-with-css3-and-html5-validation--webdesign-4738

... floating to the right of each form input field.

I have been tinkering with this for days. Time to ask for help. What am I missing?

Thank you for your advice.

Eric
LVL 3
Eric BourlandAsked:
Who is Participating?
 
skullnobrainsCommented:
the previous input has a display:block property

if i make it inline, i get the title, input and tip on the same line.

making the label a block instead of an inline block and the input inline does the trick.
0
 
Eric BourlandAuthor Commented:
skull, thank you! Yep, that was it.

Thanks for taking time to look at that.

Hope your weekend is great.

Eric
0
 
skullnobrainsCommented:
glad to be helpful.

rainy we in paris : not that great

see ya around
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.