Forums

Positioning Elements of an Online Form

I have an online form that I’ve designed and now need to build… (design attached) Regarding the actual fields and the help bubbles to their right, I’m not sure what the best approach would be (I’m super-new to the development side of web design). If anyone has any good suggestion on how to approach those, that would be great.

I wanted to have fairly precise control over some of the formating, including the position of the help bubbles/hints. I don’t want to go div crazy if there’s a more correct way to do it. I thought about maybe using a definition list (for field labels & fields) but wasn’t sure how I’d handle the hints… Anyway, just looking for some suggestions!

Tips

Categories

We have a pretty good* newsletter.

Email Address

CSS-Tricks* is created, written by, and maintained by Chris Coyier and a team of swell people. It is built on WordPress, hosted by Media Temple, and the assets are served by MaxCDN. The fonts are Source Sans Pro and Source Code Pro. It is made possible through sponsorships from products and services we like.