Previous Message
Next Message

Hiding form legend in Firefox

Sent by Brent Morris on 6 November 2004 05:05


Well I don't have Safari, so I can only test FireFox but I tried doing
the following:

legend { 
text-indent: -999px}
FF - no legend text but left a space which caused a gap in the
fieldset border, and the margin caused by the presence of text was
still there.
IE - no legend text, but the margin caused by the presence of text was
still there.

legend { 
padding: 0;
text-indent: -999px;}
FF - space gone, margin still there.
IE - no change from previous example.

legend {
margin: -10px;
padding: 0;
text-indent: -999px;}
FF - no space, no legend text, margin fixed up a bit but still there.
IE - margin fixed up a bit still there.

Not tested with screen reader, I dont have one of this machine. Does
someone what to test it out?

That was fun. 

--
Brent Morris
brainsquared
url: http://www.brainsquared.com
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: