Home/ Questions/Q 6909469
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T08:41:36+00:00

I’m currently building a form to act as an ‘edit profile’ form. On my

  • 0

I’m currently building a form to act as an ‘edit profile’ form. On my design I have the fields split into two columns.

I’m trying to keep the tabbing order correct on my form so if tabbing through, you will go down the left column and then the right column. My problem is I can’t get them to line up quite how I want!

Password should be directly to the right of username, Password(again) should be directly to the right of Company etc.

Please see the attached JSFiddle to see where I am up to – http://jsfiddle.net/Dhz6u/

Any ideas?

Thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try using a negative margin to the right hand side divs:

    margin: -72px 0 72px;

    You need the positive bottom margin to make sure the divs don’t overlap.

    For the second fieldset you’ll need to give it an even bigger negative margin, but if you know the number of divs and can give them a set height it shouldn’t matter too much.

    See http://jsfiddle.net/chris5marsh/Dhz6u/4/

    • 0