Solved

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

Posted on 2014-04-18
3
362 Views
Last Modified: 2014-04-19
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
0
Comment
Question by:Eric Bourland
  • 2
3 Comments
 
LVL 26

Accepted Solution

by:
skullnobrains earned 500 total points
ID: 40010043
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
 
LVL 3

Author Closing Comment

by:Eric Bourland
ID: 40010279
skull, thank you! Yep, that was it.

Thanks for taking time to look at that.

Hope your weekend is great.

Eric
0
 
LVL 26

Expert Comment

by:skullnobrains
ID: 40010446
glad to be helpful.

rainy we in paris : not that great

see ya around
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

920 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now