Justin French wrote:
Honestly, the most logical way I can see to do this is to have them in three cells of a table row, since at least they'll be associated in a row. <fieldset>'s would also be nice, but they're intended for groupings of form elements, and using them for each text input seems like a load of bloat.
It would also remove the need for <div class='formitem'>, a wrapper I used around each form element (label & input), since I can style the label with display:block;
If you were using a div around each group, why were you objecting to a fieldset. A fieldset would have been better than a div as it is more semantic and no bloat (beyond the 10 additional characters). As far as a table row goes, thee you're talking bloat.
<label for='f-title'>
<h3>News Post Title</h3>
<p class='help'>This is the title of ...</p>
<input id='f-title' type='text' ... />
</label>
... but maybe that's an abuse of H3 and P,
It's also invalid, as label can only take inline content.
and I should stick with generic DIVs or SPANS?
For the set-up above, I'd drop the h3 and replace the p with a span. For styling, the "h3" would be styled through the "label", and the "p" through "#f-title span {...}".
*****************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
*****************************************************
