CSS interfering with contact form functionality.

[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:

Code:

CONTACT BY EMAIL

Name


Email


Phone

Message


Send

This is the css portion:

Code:

#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):

Code:

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 :)

[Author]

Posts