Contact form problem

thechrissy

New Member
Hi all,

I have a template i am editing and i am not sure where the coding is to insert my email address for my cantact form details to be sent to once filled out.

Any help would be great.
I have attached the coding below:

index page:
---------
<!---BEGIN Contact Form--->
<div id="contact">
<div id="title-sub-divider"><h3>Contact</h3></div>
<form id="contact-form">
<input type="text" name="name" id="name" value="Your Name" />
<input type="text" name="" id="email" value="Your Email Address" />
<textarea id="comment"></textarea>
<input type="submit" value="submit" id="submit" />
</form>
</div>

</div>
</div>


CSS page:
------


/**** Begin Contact Form***/
#contact{
width:440px;
float:right;
}
#contact #title-sub-divider h3{
background-color:#FFF;
width:85px;
}
#contact-form input, textarea{
border:1px solid #c1c1c1;
margin-bottom:18px;

font: italic 16px/20px Georgia, "Times New Roman", Times, serif;
color: #a9a9a9;

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

-webkit-box-shadow: inset 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
}
#contact-form input{
height:50px;
}
#contact-form textarea{
width:400px;
height:125px;
padding:15px;
}
#contact-form #name{
width:360px;
padding:0px 35px;
background:url(images/icon-name.png) no-repeat 15px 18px;
}
#contact-form #email{
width:360px;
padding:0px 35px;
background:url(images/icon-email.png) no-repeat 15px 18px;
}
#contact-form #submit{

font-family: 'Oswald', sans-serif;
font-style:normal;
font-size:18px;
text-transform:uppercase;
color:#fff;

-webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);

background: rgb(255,96,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,96,0,1) 0%, rgba(255,120,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,96,0,1)), color-stop(100%,rgba(255,120,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,96,0,1) 0%,rgba(255,120,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,96,0,1) 0%,rgba(255,120,0,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(255,96,0,1) 0%,rgba(255,120,0,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6000', endColorstr='#ff7800',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(255,96,0,1) 0%,rgba(255,120,0,1) 100%); /* W3C */

}
-------------



any help would be great!!

There are a few more pages attached with the template for an image slider, i cant find anything in that either, and from forms i have used before it was all in the CSS and index sheet.

Thanks :)
 

chrishirst

Well-Known Member
Staff member
The contact details for where to send the message either go as a mailto: URL in the for action attribute or you need server side code to send the message.
 

thechrissy

New Member
help :S

Thanks

Sorry i havent done any of this in over 5 years so im very behind and hazy.
What would you suggest i do?
I just want what is typed into the test area to be sent to my email address, but not sure how to work it in with this current coding or where it was expected to be put.
I might just have to do it again from scratch myself if i cant figure it out or if no one knows??
The form shows up on the webpage but when i hit submit it just goes to the top of the page.. but i haven't put my email address anywhere as im not sure where they want me to put it or if i need to add in some code??

Any help would be great!!!
 
Top