: 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
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
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
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
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
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
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
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
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
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
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
11 matches
Mail list logo