[WSG] prettier forms

2007-09-14 Thread Maarten stolte
Hello,

I'm looking for pointers towards tutorials on how to make a form look
prettier; especially the selectbox/pulldown and checkboxes are of
interest.

Thanks for any help,

Maarten



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



RE: [WSG] prettier forms

2007-09-14 Thread Mohamed Jama
As I recall those are controlled by the operating system so if you using
MAC they will look nice shiny blue etc, hope that helped

M. Jama

big:interactive
91 Princedale Road
Holland Park
London W11 4NS
Email: [EMAIL PROTECTED]
Direct: +44 (0)20 7313 2262
www.biggroup.co.uk

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of Maarten stolte
Sent: 14 September 2007 14:29
To: wsg@webstandardsgroup.org
Subject: [WSG] prettier forms

Hello,

I'm looking for pointers towards tutorials on how to make a form look
prettier; especially the selectbox/pulldown and checkboxes are of
interest.

Thanks for any help,

Maarten



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




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



Re: [WSG] prettier forms

2007-09-14 Thread Jamie Stewart
Drop down lists I'm not so sure but check boxes and radio buttons
definitely.

They use JavaScript and CSS and it is a form of image replacement that is
used.

Here is one example:

http://www.whatstyle.net/articles/18/pretty_form_controls_with_css

But there are many out there and as long as your check boxes degrade to the
default you will be fine.  So I suggest styling up your form using the
defaults and use the example above to enhance the look of the form only.
The example above uses CSS 3 pseudo classes but I believe he provides a
suitable alternative if you don't want to use CSS 3.

I hope this helps

Jamie.



On 14/09/2007, Mohamed Jama [EMAIL PROTECTED] wrote:

 As I recall those are controlled by the operating system so if you using
 MAC they will look nice shiny blue etc, hope that helped

 M. Jama

 big:interactive
 91 Princedale Road
 Holland Park
 London W11 4NS
 Email: [EMAIL PROTECTED]
 Direct: +44 (0)20 7313 2262
 www.biggroup.co.uk

 -Original Message-
 From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
 On Behalf Of Maarten stolte
 Sent: 14 September 2007 14:29
 To: wsg@webstandardsgroup.org
 Subject: [WSG] prettier forms

 Hello,

 I'm looking for pointers towards tutorials on how to make a form look
 prettier; especially the selectbox/pulldown and checkboxes are of
 interest.

 Thanks for any help,

 Maarten



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




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




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

RE: [WSG] prettier forms

2007-09-14 Thread Maarten stolte
Hello,

 As I recall those are controlled by the operating system so if you using
 MAC they will look nice shiny blue etc, hope that helped

yes they are normally by either OS or the browser, as are all form
elements, but most can be styled, using either CSS, a proprietary system
or by using tricks like drawing an image instead of the checkbox, and
hiding the checkbox.
I maybe didn't make myself clear, but I'm trying to find a good example of
these javascript/dom/css tricks to style those elements, and maybe others,
and by good example I mean available on as many browsers as possible,
standards based and with a good fallback to the normal elements if the
tricks don't work on a browser.

regards,

Maarten

 -Original Message-
 From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
 On Behalf Of Maarten stolte
 Sent: 14 September 2007 14:29
 To: wsg@webstandardsgroup.org
 Subject: [WSG] prettier forms

 Hello,

 I'm looking for pointers towards tutorials on how to make a form look
 prettier; especially the selectbox/pulldown and checkboxes are of
 interest.

 Thanks for any help,

 Maarten



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




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







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



RE: [WSG] prettier forms

2007-09-14 Thread Mark L Hedley
Hi,

Give this a go:
http://www.google.co.uk/search?hl=enq=css+for+forms+and+drop+down+menusmet
a=



Regards,

Mark Hedley
Voxia Web Development Solutions

Mobile:   +44 07894 009 932
Office: +44 01670 840 752
Web:http://www.voxia.co.uk

Proud Members of: GAWDS (Guild of Accessible Web Designers) | Web Standards
Group | Independent Web Developers Portal | HTML Writers Guild

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Maarten stolte
Sent: 14 September 2007 14:29
To: wsg@webstandardsgroup.org
Subject: [WSG] prettier forms

Hello,

I'm looking for pointers towards tutorials on how to make a form look
prettier; especially the selectbox/pulldown and checkboxes are of
interest.

Thanks for any help,

Maarten



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



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



Re: [WSG] prettier forms

2007-09-14 Thread Maarten stolte
 Drop down lists I'm not so sure but check boxes and radio buttons
 definitely.

 They use JavaScript and CSS and it is a form of image replacement that is
 used.

 Here is one example:

 http://www.whatstyle.net/articles/18/pretty_form_controls_with_css

 But there are many out there and as long as your check boxes degrade to
 the
 default you will be fine.  So I suggest styling up your form using the
 defaults and use the example above to enhance the look of the form only.
 The example above uses CSS 3 pseudo classes but I believe he provides a
 suitable alternative if you don't want to use CSS 3.


thanks, it looks like a nice css exercise, but with IE support being
non-existant, and IE usage being everything but non-existant I think I
prefer using the image tricks with javascript.
As for the drop down boxes, I know that tricks exist for those, but I am
afraid that those might not be available with the limits I set earlier on.



 I hope this helps

 Jamie.



 On 14/09/2007, Mohamed Jama [EMAIL PROTECTED] wrote:

 As I recall those are controlled by the operating system so if you using
 MAC they will look nice shiny blue etc, hope that helped

 M. Jama

 big:interactive
 91 Princedale Road
 Holland Park
 London W11 4NS
 Email: [EMAIL PROTECTED]
 Direct: +44 (0)20 7313 2262
 www.biggroup.co.uk

 -Original Message-
 From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
 On Behalf Of Maarten stolte
 Sent: 14 September 2007 14:29
 To: wsg@webstandardsgroup.org
 Subject: [WSG] prettier forms

 Hello,

 I'm looking for pointers towards tutorials on how to make a form look
 prettier; especially the selectbox/pulldown and checkboxes are of
 interest.

 Thanks for any help,

 Maarten



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




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




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




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



Re: [WSG] prettier forms

2007-09-14 Thread Christian Montoya
On 9/14/07, Maarten stolte [EMAIL PROTECTED] wrote:
 Hello,

 I'm looking for pointers towards tutorials on how to make a form look
 prettier; especially the selectbox/pulldown and checkboxes are of
 interest.

I think this article would be very useful to you:
http://www.456bereastreet.com/archive/200701/styling_form_controls_with_css_revisited/

hope it helps.

-- 
--
Christian Montoya
christianmontoya.net


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



RE: [WSG] prettier forms

2007-09-14 Thread Maarten stolte
 Hi,

 Give this a go:
 http://www.google.co.uk/search?hl=enq=css+for+forms+and+drop+down+menusmet
 a=

thanks,

but I'd like to style a form element select box, so would you suggest
adding a javascript event to these pulldowns instead of a link to trigger
a hidden value in the form, or..?

Maarten


 -Original Message-
 From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
 Behalf Of Maarten stolte
 Sent: 14 September 2007 14:29
 To: wsg@webstandardsgroup.org
 Subject: [WSG] prettier forms

 Hello,

 I'm looking for pointers towards tutorials on how to make a form look
 prettier; especially the selectbox/pulldown and checkboxes are of
 interest.

 Thanks for any help,

 Maarten



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



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






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



RE: [WSG] prettier forms

2007-09-14 Thread Web Dandy Design
Hi,

Try some of the following links for help with styling forms with CSS and
graphics.


http://www.smashingmagazine.com/2006/11/11/css-based-forms-modern-solutions/

http://meyerweb.com/eric/thoughts/2007/05/15/formal-weirdness/

http://www.sitepoint.com/article/fancy-form-design-css

http://www.sitepoint.com/article/style-web-forms-css

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

http://www.formassembly.com/form-garden.php

http://www.456bereastreet.com/archive/200705/creating_bulletproof_graphic_li
nk_buttons_with_css/


Kind regards,

Elaine
Web Designer
http://www.webdandy.co.uk

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Maarten stolte
Sent: 14 September 2007 14:46
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] prettier forms

Hello,

 As I recall those are controlled by the operating system so if you using
 MAC they will look nice shiny blue etc, hope that helped

yes they are normally by either OS or the browser, as are all form
elements, but most can be styled, using either CSS, a proprietary system
or by using tricks like drawing an image instead of the checkbox, and
hiding the checkbox.
I maybe didn't make myself clear, but I'm trying to find a good example of
these javascript/dom/css tricks to style those elements, and maybe others,
and by good example I mean available on as many browsers as possible,
standards based and with a good fallback to the normal elements if the
tricks don't work on a browser.

regards,

Maarten

 -Original Message-
 From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
 On Behalf Of Maarten stolte
 Sent: 14 September 2007 14:29
 To: wsg@webstandardsgroup.org
 Subject: [WSG] prettier forms

 Hello,

 I'm looking for pointers towards tutorials on how to make a form look
 prettier; especially the selectbox/pulldown and checkboxes are of
 interest.

 Thanks for any help,

 Maarten



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




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







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




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