Styling a contact form – not quite right.
# January 27, 2010 at 7:40 pm
So, I finally got around to designing my wife’s website, it’s pretty simple and you can see it here http://www.dustydollar.com. She wanted a contact form for people to send email to, but doesn’t want all the spam that comes with an email address on the page. The contact page currently has a simple form but of course her email address can be spidered out of the source so we are looking at other solutions. Chris Coyier has posted a nice form in the downloads area of this site that sends to a "contactengine.php" file, validates using js and then redirects to a thank you page. I thought I would take a shot at reskinning it to suit our site style, and for the most part I have been successful. Yay! This form is here http://www.dustydollar.com/contact2.html. The only issue that I can’t figure out how to solve is an error label on the message textarea box. The label gets placed to the right and above of the form div. The error label pops up if you don’t type anything in the inputs or textareas and I believe the js controls that? But shouldn’t the styling control where that error class displays?
Ps love your book btw!
Anyone have an idea where I went wrong? Been scratching my head for two days.# January 29, 2010 at 8:12 pm
Thanks for taking a shot at it though.
You must be logged in to reply to this topic.