Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

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

Posted on 2014-04-18
3
Medium Priority
?
391 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 2000 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

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

Question has a verified solution.

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

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
Without even knowing it, most of us are using web applications on a daily basis.  In fact, Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We generally confuse these web applications to…
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
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…

618 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