Solved

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

Posted on 2014-04-18
3
373 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 27

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 27

Expert Comment

by:skullnobrains
ID: 40010446
glad to be helpful.

rainy we in paris : not that great

see ya around
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…

688 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