Re: [WSG] Form styling

2007-09-27 Thread Dave Woods
: http://greenmethods.com/ - Original Message - From: John Faulds [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Wednesday, September 26, 2007 6:16 PM Subject: Re: [WSG] Form styling http://www.dave-woods.co.uk/wp-content/uploads/2007/09/accessible-forms1.html With your

[WSG] Form styling

2007-09-26 Thread Tom Livingston
Hello list, OK, I hate form styling. It's my least favorite thing. I have started using Eric Meyer's Reset style sheet. Does anyone have a favorite resource for dealing with forms. I am tired of resorting to... [cough] tables. I do manage on occasion to pull it off w/o tables, but it's always a

Re: [WSG] Form styling

2007-09-26 Thread Dave Woods
Tom, I put this together a while ago which you'll probably find useful http://www.dave-woods.co.uk/?p=91 with it in action here http://www.dave-woods.co.uk/wp-content/uploads/2007/09/accessible-forms1.html If you group the label with the form field then it's usually much easier to style the

Re: [WSG] Form styling

2007-09-26 Thread Tony Crockford
On 26 Sep 2007, at 18:15, Tom Livingston wrote: Does anyone have a favorite resource for dealing with forms. how about: http://www.accessify.com/tools-and-wizards/accessibility-tools/form- builder/default.php?type=css http://www.stuffandnonsense.co.uk/archives/stylish_accessible_forms.html

Re: [WSG] Form styling

2007-09-26 Thread Tee G. Peng
I, on the other hand, love form styling :) this is what I came out, a bit heavy on markup but it works consistently accross browsers, including IE 5 (except extra line- height). div class=form span class=col_leftlabel for=titleSubject: /label/span span class=col_rightinput name=title

Re: [WSG] Form styling

2007-09-26 Thread Tom Livingston
Dave, Thanks a lot for this. It's really simple and I don't mind the extra span element. So simple in fact, I threw up in my mouth a little from my own embarrassment. :-P THANKS! And thanks to the others for the replies. I will hang on to these in case a situation arises where one method is

Re: [WSG] Form styling

2007-09-26 Thread James Jeffery
To layout a form i usually do: form method=POST action=?php $_SERVER['DOCUMENT_ROOT']? fieldset legendLogin To Members Area/legend divlabel for=usernameUsername/labelinput type=text id=username name=username/div divlabel for=passwordUsername/labelinput type=password id=password name=password/div

Re: [WSG] Form styling

2007-09-26 Thread Dave Woods
Glad it helped :o) The idea for the span around the legend and div around the fieldset initially came from http://www.tyssendesign.com.au/articles/css/legends-of-style/ This then gave me the idea of including a span around the actual label text as it then provides extra flexibility for styling

Re: [WSG] Form styling

2007-09-26 Thread John Faulds
http://www.dave-woods.co.uk/wp-content/uploads/2007/09/accessible-forms1.html With your labels set to display: block, you don't realy need the extra br at the end of each one. ;) -- Tyssen Design www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590

Re: [WSG] Form styling

2007-09-26 Thread Mike at Green-Beast.com
Just relaunched as v5: http://greenmethods.com/ - Original Message - From: John Faulds [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Wednesday, September 26, 2007 6:16 PM Subject: Re: [WSG] Form styling http://www.dave-woods.co.uk/wp-content/uploads/2007/09/accessible-forms1

Re: [WSG] Form styling

2007-09-26 Thread James Ellis
Hi Try using a definition list with the dt holding the labels and the dd holding the input - you can float the dt and dd to get two left-right columns and if you want to present the form differently then just use a dt/dd with no floats: form method=post action= fieldset legendLogin Foo/legend