I quite like the legend and label visible... makes the form more easy to understand.
Also, if you use an optgroup in your drop down it will do away with your
<option value=""> - - - - -</option>
tags
Cheers
James
On 11/11/05, Alexander Jerabek <[EMAIL PROTECTED]> wrote:
Hi everybody,
I'm working on an accessible form the has all fieldset, legend, label
elements properly included.
But I'd also like the form to be styled in a minimalist fashion with the
option of toggling the labels on and off.
I can hide the label elements using the 'off stage' technique
(position:absolute; left: -100em; width: 100em;), but the legend element
cannot be repositioned or easily manipulated, and I don't want to use
display:none; or visibility:hidden;.
So I came up with this:
legend{margin:-1em; font-size:0px;}
In Mozilla the 0px makes the text invisible, but only miniscule in IE so
I used margin:-1em; is to push it under the drop down menu in the form.
My question is: does anybody know if this will have adverse affects on
accessibility or if there are any other weird problems with using this
technique?
You can see the form here:
http://132.206.197.7/labels/
css is here:
http://132.206.197.7/labels/labelsoff.css
and here:
http://132.206.197.7/labels/labels.css
Thanks for any help or insight.
Best,
Sacha
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************