On 24/11/06, Stephan Wehner <[EMAIL PROTECTED]> wrote: > > I'm looking at the example for floating form labels at > > http://www.webcredible.co.uk/user-friendly-resources/css/css-forms.shtml > > and I find the labels get shifted up by a tiny amount. > > In the "The original form" section the "Name" label is vertically > centered with the respect to the input box. > > Under "Positioning the form with CSS" The "Name" label is shifted up > with respect to the input box (this is easier to notice when typing in > the field)
Hi, I copied your exact HTML and CSS into a blank document and it shows up nicely. When I type in the boxes, the text is nicely aligned with the label. This is in FF1.5. Don't know about Safari. In the website you mention, the text in the box appears below the label (that is, if they were underlined, the lines would be broken up). However, if you are not happy with the way it is, you can adjust the position of the label text by adding line-height: 1.4em to the input rules. Change the number to get it as you want. Hope this helps, Rafael ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
