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 

Many Thanks
Shaun




*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

Reply via email to