[thelist] CSS-Only Forms That Don't Suck

[Jeff Howden]

Maximillian,

><><><><><><><><><><><><><><><><><><><><><><><><><><><><><
> From: Maximillian Schwanekamp
> 
> > For those so inclined, feel free to comment on
> > accessibility and/or usability issues you see.  That
> > is not my main focus at the moment (it will be
> > addressed once the CSS kinks are entirely worked
> > out), but I do welcome the feedback.
> 
> If you take off display: block from form div input,
> form div select, form div textarea {...} then you can
> remove the left-margin from form div label {...}, and
> it should display OK in Safari (though Mac IE 5 will
> still display it ugly).  I put up a highly-simplified
> version[0].
><><><><><><><><><><><><><><><><><><><><><><><><><><><><><

Excellent.  A cursory look would indicate that this'll do the trick.
Checking in Safari v1.0.3 will have to wait until tomorrow when I'm at work.

><><><><><><><><><><><><><><><><><><><><><><><><><><><><><
> 1. On a larger screen (1280x1024 and up) the submit
>    button is wayyy off to the right, kindof hiding.
><><><><><><><><><><><><><><><><><><><><><><><><><><><><><

Fixed by applying a width and/or max-width to the form.

><><><><><><><><><><><><><><><><><><><><><><><><><><><><><
> 2. Accesskeys are of dubious value for forms[1].
><><><><><><><><><><><><><><><><><><><><><><><><><><><><><

Agreed and removed.

Thanks,

 [>] Jeff Howden
     jeff at jeffhowden.com
     http://jeffhowden.com/