What would be the “correct” way to layout a preferences dialog in HTML/CSS?
Currently, I’m using tables, but I imagine that’s not the best way to do it (you know, tables for tabular data only etc.). See the attached picture for a better idea of what I mean.
Tables, here, let you easily separate sides and keep alignment correct with labels and their respective options. The one place where they fail is labels across the divide. In the image, for example, the “No break after td” label corresponds to the check box to the right, so clicking that text selects the check box. In the options above that, Tags and Attributes are the lables (and they aren’t so hard to do, but you can see the difference).
Anyway, I think you get the general idea, and this might over complicate the basic underlying question: how do you set these kinds of interfaces up in HTML?