Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Styling a contact form – not quite right.

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #27762
    cjk
    Member

    Hi there.

    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?

    Chris?

    Chris!
    Ps love your book btw!

    Anyone have an idea where I went wrong? Been scratching my head for two days.

    #70162
    Chris Coyier
    Keymaster

    IN NO WAY do I want to be discouraging, but I think for simple forms, rock out Wufoo http://wufoo.com — it’s spam free, the forms look great (and can be completely customized).

    #70187
    cjk
    Member

    Wufoo looks cool BUT I have this project done and it functions, there is just that one niggling thing… for the life of me I can’t figure out why that particular label is askew. I think the validate script creates it? I don’t know a thing about javascript…

    Thanks for taking a shot at it though.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.