Grow your CSS skills. Land your dream job.

Positioning Elements of an Online Form

  • # January 24, 2009 at 8:59 am

    Hi,

    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!

    # January 24, 2009 at 1:52 pm

    I think this is the best markup for the form:

    Code:
    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)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".