Old 29-12-2006, 15:44   #1 (permalink)
swiecki
Registered User
 
Join Date: Oct 2006
Posts: 80
How do you style a form???

Styling a form can be very difficult. I'd like to know how people do it.
  Reply With Quote
Old 29-12-2006, 20:54   #2 (permalink)
Paul
Junkie[scum]
 
Paul's Avatar
 
Join Date: Oct 2006
Location: location, location
Posts: 1,867
there are many tutorials out there, try google. stu has a decent 1 here
http://www.cssplay.co.uk/menu/form.html
  Reply With Quote
Old 30-12-2006, 01:28   #3 (permalink)
skyrocket
SkyRocket Design
 
skyrocket's Avatar
 
Join Date: Aug 2005
Location: Chichester
Posts: 536
Quote:
Originally Posted by swiecki
Styling a form can be very difficult.

You're not kidding. It's often very tempting to whack a table in there to create certain form layouts but I try and build them first using straight CSS as they are cleaner and more accessible. Forms are arguably the most important page(s) to get right from an accessibility angle as this is the 'moment of truth' page in many respects where a customer is trying to contact, enquire, book, order, track, search, etc... and you need to get it right for everyone.
  Reply With Quote
Old 03-01-2007, 02:46   #4 (permalink)
lwallenstein
Web Designer
 
lwallenstein's Avatar
 
Join Date: Sep 2006
Location: Ellicott City, MD
Posts: 24
Send a message via Skype™ to lwallenstein
Here are some references I use for styling forms:

badboy.ro/articles/2005-07-23/niceforms_preview/
particletree.com/features/10-tips-to-a-better-form/

(sorry for the text... can't post a link yet... *sigh*)
  Reply With Quote
Old 03-01-2007, 08:23   #5 (permalink)
Marc.RR
Registered User
 
Join Date: Jan 2007
Location: In front of my mac.
Posts: 78
Send a message via MSN to Marc.RR
You could style the input areas and buttons using CSS:
Code:
.input{ background: url("your background image") #color; border: "your border"; }
You can also style textareas and other form elements similarly.
Hope that helped you.

-Marc
  Reply With Quote
Old 03-01-2007, 08:56   #6 (permalink)
Limbo
Another turn.
 
Join Date: Feb 2005
Posts: 5,978
  Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search


Contact Us - Web Design Forums - Archive - Top
Search Engine Optimization by vBSEO 3.0.0 RC8