Grow your CSS skills. Land your dream job.

CSS interfering with contact form functionality.

  • # June 10, 2009 at 2:18 pm

    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 EMAILCONTACT BY EMAIL












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

    # June 10, 2009 at 2:44 pm

    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"/>

    # June 10, 2009 at 6:41 pm

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

    # June 11, 2009 at 12:18 am

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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".