Form Styling

[TamedTech]

Hello Chaps,

I'm looking for some good advice and resources form styling my forms a little more. I've seen a couple of really nice exmaples of how I would love my forms to look, somthing like this would work a charm.

http://www.badboy.ro/assets/articles/niceforms/niceforms.html

However, the example above seems to use JavaScript to hack a few of the elements in to working properly, and being a bit of an accessibility fan I'd like to avoid the JS if possible and stick with clean CSS.

Is somthing like that achievable with simple CSS or will I have to use the JS method, I've got a good working knowledge of CSS but its been a while since I've used it (I've been stuck server side) and certainly styling forms is somthing pretty new to me.

Thanks for any pointers guys,

Rob

 

[ca8msm]

You can have a look at an example from Stu Nicholls. I'm sure there is an article I've read that shows how different elements are rendered on different OS/browsers as well but I can't find it at the moment (maybe someone else will be able to recognise and point it out).


____________________________________________________________
Mark,
[URL unfurl="true"]http://aspnetlibrary.com[/url]

Need help finding an answer? Try the Search Facility or read FAQ222-2244.

 

[Foamcow]

Forms element rendering examples are at

http://www.456bereastreet.com/

somewhere.

Also take a look at A List Apart for their article on pretty, accessible forms.

<honk>*:O)</honk>

Tyres: Mine's a pint of the black stuff.
Mike: You can't drink a pint of Bovril.

 

[ca8msm]

Ah, thanks Foamcow I wondered where it was from.

This is what I was thinking of:

http://www.456bereastreet.com/archive/200409/styling_form_controls/

____________________________________________________________
Mark,
[URL unfurl="true"]http://aspnetlibrary.com[/url]

Need help finding an answer? Try the Search Facility or read FAQ222-2244.

 

[Vragabond]

If you get to the bottom of that article, you will notice that there are updates of the article available and this one is the last and most complete one:

http://www.456bereastreet.com/archive/200701/styling_form_controls_with_css_revisited/

___________________________________________________________
[small]Do something about world cancer today: PACT[/small]