> -----Original Message----- > From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On > Behalf Of [EMAIL PROTECTED] > Sent: Wednesday, July 09, 2008 1:50 AM > To: [email protected] > Subject: [WSG] Re: Form (layout/accessibiity) > > I have created a form which acts as a interface to a system outside of my > control. This takes UK postcode in two parts (postcode1 - the initial part > e.g. ng1 and postcode2 the later part e.g.7sw) > > Is it appropriate that I have one label for two inputs or does anyone > know of a surefire way to hide second label I have tried this but it does not > seem cross browser > > html snippet > <label for="PostCode1">Postcode:</label><input type="text" class="postcode" > id="PostCode1" name="PostCode1" maxlength="4" /><label for="PostCode2" > class="hide">second part of postcode:</label><input class="postcode" > type="text" id="PostCode2" name="PostCode2" maxlength="4" /> > > > css selectors relating to this > #su_housing input.postcode > { > width:2em; > } > > #su_housing label.hide > { > position:absolute; > left:9999; > font-size:0; > color:#fff; > > } > > Would appreciate anyones thoughts help
Try: left:-9999em; /* it can't be unitless */ As a side note, if you hide it off-screen, there is no need for font-size and color in that rule -- Regards, Thierry | http://www.TJKDesign.com ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *******************************************************************
