Comments on: Styling form fields

By: Rafael

Rafael — Fri, 16 Feb 2007 17:50:07 +0000

Mozilla has the rather annoying flaw that you can’t move the legend about very much, as you pointed out. The solution is to put a span in the legend to contain the text, give the span block display and then position the span absolutely relative to the rigid legend box.

By: Matt

Matt — Tue, 30 Jan 2007 21:07:21 +0000

Your wonderful form css was working just right on Firefox and failing nicelly on IE. Now IE7 tries to make the span visible, but fails by displaying the span on the rollover waaaaay to far to the right of the screen. Any fixes?

By: Aleksandar

Aleksandar — Tue, 07 Mar 2006 08:04:35 +0000

dejawoo, I did not experience that. If the label is set to have fixed width and floated left, then input, as inline element, will slide next to it.

By: dejawoo

dejawoo — Sun, 05 Mar 2006 11:01:39 +0000

Hi, I found your article concise and useful. Thank you. And I would like to ask when I use the label floats approach but the interesting thing when I float the label to left inherently textboxes are align to right. Are you controlling it with the width of fieldset? I had to put another float:left for textfields to align them left right after label.

By: Aleksandar

Aleksandar — Mon, 05 Dec 2005 11:18:45 +0000

Sorin, I'm not sure which circular dots are you refering..? "Dots" inside the password field are asterisks (*) - browser default when typing in password fields. You can change them only by chaning font. But that sign is the same everywhere.

By: Sorin Rayban

Sorin Rayban — Sat, 03 Dec 2005 03:17:32 +0000

I was looking everywhere to find out if those little dots in a password field can be made to look different. What if, for example, I want square dots instead of circular ones? Any idea?

By: Vicky

Vicky — Thu, 03 Nov 2005 00:58:12 +0000

Hi, Your tutorial is great — thanks so much for putting such a fine piece of work together. I have a question however, as I haven’t been able to make some elements function correctly and I’m not sure where I’ve gone wrong.

http://www.overlookpoint-montana.com/brochure2.htm attempts to use a textarea which doesn’t show up in IE (it does in Firefox, but not aligned). Also, I can’t get my first radio button to line up. Any suggestions?

By: Aleksandar

Aleksandar — Tue, 06 Sep 2005 12:16:45 +0000

Jessica, the page looks just fine. Apt number is next to the address field and nothing overlaps.

By: jessica

jessica — Thu, 01 Sep 2005 20:59:52 +0000

:) im sorry, here it is again:

http://celestialmonuments.com/homevisit/homevisit.html
thank you for taking a look.