dcsimg
www.webdeveloper.com
Results 1 to 3 of 3

Thread: Noob Help Plz- Template Contact Form Doesn't work

  1. #1
    Join Date
    Apr 2017
    Posts
    4

    Noob Help Plz- Template Contact Form Doesn't work

    Hi everyone
    I have some html experience but can very little CSS
    I am using a template but I can't get the Contact Form to send a test email to me
    I assume the functionality is missing on purpose (template)
    Usually you add HTML tag mail:to <address> but it looks like its a CSS issue???
    Here is the HTML & CSS Code. Thankz

    (HTML CODE)

    <!--contact start here-->
    <div class="contact" id="contact">
    <div class="container">
    <div class="contact-main">
    <div class="contact-top">
    <h3>Contact</h3>
    </div>
    <div class="contact-bottom">
    <div class="col-md-6 contact-left">
    <input type="text" placeholder="Name" required="">
    <input type="text" placeholder="Email" required="">
    <input type="text" placeholder="Phone" required="">
    </div>
    <div class="col-md-6 contact-right">
    <textarea placeholder="Message" required></textarea>
    <input type="submit" value="Submit">
    </div>
    <div class="clearfix"> </div>
    </div>
    </div>
    </div>
    </div>
    <!--contact end here-->


    (CSS CODE FROM STYLE.CSS. *This is the only code other than HTML I see in all the site's files)

    /*--contact start here--*/
    .contact {
    padding:5em 0em 5em 0em;
    }
    .contact-top {
    text-align: center;
    padding: 0em 0em 3em 0em;
    }
    .contact-top h3 {
    font-size: 3em;
    color:#f8565d;
    margin-bottom: 0.2em;
    font-family: 'MontserratAlternates-Regular';
    }
    .contact-top p {
    font-size: 0.95em;
    font-weight: 400;
    color: #b4b4b4;
    line-height: 1.8em;
    margin: 0 auto 0em;
    width: 60%;
    }
    .contact-left input[type="text"] {
    display: inline-block;
    background: none;
    border: 1px solid #A3A1A1;
    width: 100%;
    outline: none;
    font-size: 0.95em;
    color: #747577;
    font-weight: 400;
    padding: 13px 15px 13px 15px;
    margin: 0em 0em 1.5em 0em;
    }
    .contact-right textarea {
    background: none;
    border: 1px solid #A3A1A1;
    width: 100%;
    display: block;
    height: 150px;
    outline: none;
    font-size: 0.9em;
    color: #747577;
    font-weight: 400;
    resize: none;
    padding: 10px 15px 10px 15px;
    }
    .contact-right input[type="submit"] {
    font-size: 1em;
    color: #000;
    background: none;
    padding: 0.5em 1em 0.5em 1em;
    display: block;
    border: 3px double #f8565d;
    margin: 0.5em 0em 0em 0em;
    outline: none;
    }
    .contact-right input[type="submit"]:hover{
    border: 3px double #2A2828;
    text-decoration:none;
    }
    /*--contact end here--*/

  2. #2
    Join Date
    Dec 2005
    Location
    TX
    Posts
    7,835
    You don't have a <form> for the submit to send the information.

    Also, I don't think all browsers support the mailto: function.

    For the forums to preserve the formatting of your code,
    you should place your code between [ code] and [ /code] or [ php] or [ /php] tags
    without the spaces to make it easier for all to analyze.

  3. #3
    Join Date
    Apr 2017
    Posts
    4

    Server Side Script Needed

    Hi thank your for your reply,
    after some research I seen & remembered about the Form to hold the data & the server side scripting to email the form to me...problem is the template throws me off and I dont know server side scripting...
    I got a workaround for know but it doesnt match the template...

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles