I'm trying to figure out the structure and styling of the search form/page (php/css).
I have a lot of check boxes, sorted into different groups, and would like to have them displayed like this:
The only reason why it looks so nice at the moment, is be course i managed to set the width on the check boxes, and as it looks to me they control the width of the label(purple) above them.
What i would like, is to have control over the layout like in columns, so i can maybe have 4 and center them on the page, and also have them displayed in rows like on the picture, the only reason they are in place now, is be course of the right check box column, it is the longest.
When trying to control the width of the label(purple) and float:left, then it's like the check boxes ends up behind the labels.
Also i have some drop down choices i would like to have ordered the same way, that i can't figure out at all, when doing a float:left on them, the first one is right with the label on top, but the next three stack up below with the label to the right of them. (i don't have a picture of it)
Here is the picture of the drop down selections, it would be nice to be able to control them columns like too:
I have just cut them down to 50% width.
EDIT: And is it possible to have a range on height and age ?
EDIT-2: The check boxes could also be float:left, and the label(purple) 100% width, so the search page is divided into sections of rows.
All the best