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

aardvark evolt at roselli.org
Tue Jun 21 16:19:43 CDT 2005


On 21 Jun 2005 at 14:08, Jeff Howden wrote:

> Rutabaga,

mmmm... bacon....

> The best I can seem to manage is right-aligning the right edge of the
> right-most button with the vertical line created by all the form elements.
> 
> http://jeffhowden.com/code/css/forms/
> 
> I'm not sure I'm happy with this look though.

yeah, not so much... and the lack of space between the buttons is a 
problem, too -- no dead area for the mouse...

[...]
> ><><><><><><><><><><><><><><><><><><><><><><><><><><><><><
> > ahhh... gotcha... we have a WYSIWYG, for example, but we
> > don't throw a tick in there or have a traditional
> > label... it would all just get lost in the chaos...
> ><><><><><><><><><><><><><><><><><><><><><><><><><><><><><
> 
> Well, certainly, which creates its own set of issues regarding error
> reporting for the content in the WYSIWYG that's consistent with all the rest
> of your error reporting.

exactly... your big red bar, for example, is something that can help 
in those situations -- still consistent, but doesn't get lost in the 
WYSIWYG content...

[...]
> When doing on the fly validation client-side and the offending problem is
> fixed, switching the red tick out on errored fields for a green tick can be
> a good indicator for users.  Pre-validation though, it might work to use a
> black tick for required and a grey one for optional.  These, of course, are
> replaced when a validation error is returned.

not a bad idea... we do on-the-fly in our CMS, but only change styles 
on errors... interesting idea to also mark off fields in some way as 
they are successfully completed...

[...]
> > although i'm surprised -- you've had nearly a week and
> > you're still only #5... sad...
> ><><><><><><><><><><><><><><><><><><><><><><><><><><><><><
> 
> Well, now that I'm #5 it's time to work on the actual promotion, eh?

so, what, i should link to you now?

lemme think about it...


your site makes me want honey.



More information about the thelist mailing list