The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Positioning Elements of an Online Form

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #24038


    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!

    thank you!


    I think this is the best markup for the form:

    Bubble text

    etc. etc.

    then you can target the <dt> and <dd> separately, and style it however you want.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.