I'm trying to format the selectors to fit the design I was given for the site. The design calls for the privacy options to have a label at the top for the different options and then have a radio check box in line under it for each field. I've got it changed to display correctly except for getting them to show uniformly in line.

The problem I'm running into is that the selectors need to be in line uniform with each other, which would be fine if everything was a text field, however since there is no default width of the selector fields and since there is no way to separate the privacy options from the actual field I'm having a difficult time doing this.

Ideally this would be a table with the field in the left column and the privacy radio options in the right column, but without the ability to separate the privacy option from the fields I have to figure out something else. The text fields are fine since I can set a specific width, I just add a bunch of spaces to get them to line up with the labels above, but does anyone have a good idea on how to get the selector field options to line up?

Post edited by: krileon, at: 2010/11/17 21:24

Thanks Krileon, I didn't think of adding css for each field id, great idea!

Works for everything except the date fields, I'm guessing because of the script for it. Any idea how to get a css margin to apply to that?

Only other issue using this method is that it applies to css to the fields everywhere they appear, and since my registration form is customized I'll have to add another class for that but wont be difficult to do.