Forums

stevemccarthy

Hi Everybody!

So here's my first post... I've only recently been diving into the coding side of life- most of background is in the frontend. I had a psd-xhtml service code up my site, but I'm having trouble getting the contact form at the bottom to function correctly.

Here is the live example: http://stevemccarthy.com/nwfl/

I've looked at a number of tutorials, but nothing seems to work, so I'm guessing the problem lies somewhere in the css formatting for my submit button.

Here is the page code:

<form method=\"post\" action=\"php/contact.php\">
            <div class=\"colC\">
              <h5>CONTACT BY EMAIL<img src=\"img/contact-email.png\" alt=\"CONTACT BY EMAIL\" /></h5>

              <label>Name</label>
              <input type=\"text\" name=\"your_name\" class=\"text\" />
              <img src=\"img/s.gif\" alt=\"\" class=\"clear\" />
              <label>Email</label>
              <input type=\"text\" name=\"your_email\" class=\"text\" />
              <img src=\"img/s.gif\" alt=\"\" class=\"clear\" />
              <label>Phone</label>

              <input type=\"text\" name=\"your_phone\" class=\"text\" />
              <img src=\"img/s.gif\" alt=\"\" class=\"clear\" />
              <label>Message</label>
              <textarea name=\"message\" cols=\"10\" rows=\"10\"></textarea>
              <img src=\"img/s.gif\" alt=\"\" class=\"clear\" />
              <a class=\"button\" onclick=\"submit()\">Send</a>
              <img src=\"img/s.gif\" alt=\"\" class=\"clear\" />

            </div>
          </form>

This is the css portion:

#footer .colC a.button {
			background:url(../img/send.png) no-repeat top;
			width:133px;
			display:block;
			height:45px;
			overflow:hidden;
			float:right;
			font-size:0em;
			line-height:0em;
			text-indent:-1000000px;
		}
		#footer .colC a.button:hover {
			background:url(../img/send.png) no-repeat bottom;
		}

And finally, the php page being referenced (something I found online):

<?php
  $email = $_REQUEST['your_email'] ;
  $message = $_REQUEST['message'] ;

  mail( \"me@stevemccarthy.com\", \"Feedback Form Results\",
    $message, \"From: $email\" );
  header( \"Location: http://www.example.com/thankyou.html\" );
?>

This is driving me nuts... any help you could give would be oh so appreciated.

Thanks,
Steve

TheDoc

I'm not too versed in forms and PHP, but shouldn't your input button be something like this:

<input type="submit" value="Submit" name="submit"/>

stevemccarthy

I've tried all variations of the input type and values, with no luck. :(

creativeideas

hi frnd,
i go through ur form and agreed with doc first of all use submit button in place of that href link you use for send the form toother page and then in contact.php give the right path for thankyou.html page ...in place of http://example.com/thankyou.html make ur own thankyou page and change the path may be this get wrk for u
BOL :)

treehouse : what would you like to learn today?

Forums

CSS interfering with contact form functionality.