Hi,
I am using php mail for sending an email for contact us form.
Given below is the code for contact us form.
Please let me know how to send these information in table format.
<!--
Document : contactus
Created on : Aug 26, 2011, 2:15:27 PM
Author : Nikita
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Technology Xpress Info Solutions</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="javascript/validation.js"></script>
<link href="css/slidingContent.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="javascript/slidingContent.js"> </script> <style type="text/css">
/*Credits: By Santosh Setty ([url]http://webdesigninfo.wordpress.com[/url]) */
/*Posted to: Dynamic Drive CSS Library ([url]http://www.dynamicdrive.com/style/[/url]) */
.glossymenu{
position: relative;
padding: 0 0 0 34px;
margin: 0 auto 0 auto;
background: url(images/menur_bg.gif) repeat-x; /*tab background image path*/
height: 46px;
list-style: none;
}
.glossymenu li{
float:left;
}
.glossymenu li a{
float: left;
display: block;
color:#000;
text-decoration: none;
font-family: sans-serif;
font-size: 13px;
font-weight: bold;
padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
height: 46px;
line-height: 46px;
text-align: center;
cursor: pointer;
}
.glossymenu li a b{
float: left;
display: block;
padding: 0 24px 0 8px; /*Padding of menu items*/
}
.glossymenu li.current a, .glossymenu li a:hover{
color: #fff;
background: url(images/menur_hover_left.gif) no-repeat; /*left tab image path*/
background-position: left;
}
.glossymenu li.current a b, .glossymenu li a:hover b{
color: #fff;
background: url(images/menur_hover_right.gif) no-repeat right top; /*right tab image path*/
}
</style>
</head>
<body>
<form name="frmContactUs" method="post" action="contactUs.php">
<div id="header" class="fixed">
<img src="images/logo1.png" alt="techxis" class="img-left" height="200" width="200"/>
<h1><center> Technology Xpress Info Solutions Pvt. Ltd.</center></h1>
<h2><i><font face="Zapf Chancery " color="red"><center>Committed Solutions Partner</center></font></i></h2>
<div id="menu">
<ul class="glossymenu">
<li><a href="index.html"><b>Home</b></a></li>
<li><a href="aboutus.html"><b>About Us</b></a></li>
<li><a href="news.html"><b>News</b></a></li>
<li><a href="careers.html"><b>Careers</b></a></li>
<li class="current"><a href="#"><b>Contact Us</b></a></li>
<li><a href="#"><b></b></a></li>
</ul>
</div> </div>
<div id="content" class="fixed">
<br/><br/><br/>
<table style="margin-top:20px;">
<tr>
<td valign="top" width="73%">
<img src="images/ContactUs.jpg" height="100" width="100" class="img-left"/>
<p><b>
We will be very eager to fulfill any of your ERP related requirements.
Please fill the form given below or contact us directly through mail or phone.</b>
</p>
_____________________________________________________________________
<table cellpadding="5" cellspacing="5">
<tr>
<td align="right">Name
<font color="red">*</font>
</td>
<td>
<input type="text" name="txtName" id="Name"/>
</td>
</tr>
<tr>
<td align="right">
Company
<font color="red">*</font>
</td>
<td>
<input type="text" name="txtCompanyName" id="Company"/>
</td>
</tr>
<tr>
<td align="right">
Job Title
</td>
<td>
<input type="text" name="txtJobTitle" id="JobTitle"/>
</td>
</tr>
<tr>
<td align="right">
Email
<font color="red">*</font>
</td>
<td>
<input type="text" name="txtEmail" id="Email" />
</td>
</tr>
<tr>
<td align="right">
Contact No
<font color="red">*</font>
</td>
<td>
<input type="text" name="txtContactNo" id="ContactNo" onkeypress="return isNumberKey(event)" />
</td>
</tr>
<tr>
<td align="right">
Service
<font color="red">*</font>
</td>
<td>
<select name="listService" id="Service">
<option>Please select one......</option>
<option>Oracle e-Business Suit Consulting</option>
</select>
</td>
</tr>
<tr>
<td align="right">
Subject
</td>
<td>
<input type="text" name="txtSubject" id="Subject"/>
</td>
</tr>
<tr>
<td align="right">
Message
</td>
<td>
<textarea name="txtMessage" id="Message">
</textarea>
</td>
</tr>
<tr>
<td align="center" colspan="100%">
<input type="button" name="btnSubmit" value="SUBMIT" width="60" height="40" onclick="validate()">
<input type="reset" name="reset" value="RESET" width="60" height="40">
</td>
</tr>
</table>
<font color="red"><center>
Fields marked as * are mandatory
</center> </font>
_________________________________________________________________________
<br/><br/>
<table>
<tr>
<td>
<iframe width="350" height="300" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.in/maps?f=q&source=s_q&
hl=en&geocode=&q=Technology+Xpress+Info+Solutions+Pvt.+Ltd,1st+Floor,Premanjali,Opp+Ellora+Palace,Pune+Satara+Road,pune&
aq=&sll=18.465877,73.857935&sspn=0.001837,0.003449&ie=UTF8&
hq=Technology+Xpress+Info+Solutions+Pvt.+Ltd,1st+Floor,Premanjali,Opp+Ellora+Palace&
hnear=Shivaji+Rd,+Swargate,+Pune,+Maharashtra&ll=18.465281,73.857651&
spn=0.048847,0.05991&z=13&output=embed"></iframe><br /><small>
<a href="http://maps.google.co.in/maps?f=q&source=embed&hl=en&geocode=&
q=Technology+Xpress+Info+Solutions+Pvt.+Ltd,1st+Floor,Premanjali,Opp+Ellora+Palace,Pune+Satara+Road,pune&
aq=&sll=18.465877,73.857935&sspn=0.001837,0.003449&ie=UTF8&
hq=Technology+Xpress+Info+Solutions+Pvt.+Ltd,1st+Floor,Premanjali,Opp+Ellora+Palace&
hnear=Shivaji+Rd,+Swargate,+Pune,+Maharashtra&ll=18.465281,73.857651&spn=0.048847,0.05991&
z=13" style="color:#0000FF;text-align:left">View Larger Map</a></small>
</td>
<td>
<p>
The best way to reach us from anywhere in Pune, will be to first
travel to Swargate.From here , you can either come by your own
vehicle, or use bus/shared auto to reach Balaji Nagar.This will be
around 5 kms from Swargate.Once at Balaji Nagar, you need to look for
Chatey Coaching classes on the opposite parallel road. We are located
in the same premise.
</p>
</td>
</tr>
<tr>
<td>
<div style="margin-top:50px;"><img src="images/gold.png" alt="image"/></div>
</td>
</tr>
</table>
</td>
<td width="2%">
</td>
<td valign="top" width="25%">
<div id="sidebar">
<br/><br/><br/>
<div class="dhtmlgoodies_question">Corporate Office, Pune: </div>
<div class="dhtmlgoodies_answer">
<div>
<strong>Address:</strong><br/>
Technology Xpress Info Solutions Pvt. Ltd.<br/>
1st Floor ,Premanjali,<br/>
Pune-Satara Road,<br/>
Pune.<br/><br/>
<img src="images/phone_icon.png" height="20" width="20"><br/>
+91-020-30468889<br/><br/>
<img src="images/email-icon.gif" height="20" width="20"><br/>
<a href="mailto:alok.srivastava@techxis.com">alok.srivastava@techxis.com</a><br/><br/>
<strong>Contact Person:</strong><br/>
Alok Srivastava <br/>
</div>
</div>
<div class="dhtmlgoodies_question">Regional Office, Nagpur:</div>
<div class="dhtmlgoodies_answer">
<div>
<strong>Address:</strong><br/>
Technology Xpress Info Solutions Pvt. Ltd.<br/>
Plot No.11,Shree Nagar,<br/>
IT –Park Road,<br/>
Nagpur – 440022<br/><br/>
<img src="images/phone_icon.png" height="20" width="20"><br/>
91-0712-3040000 - 0014<br/><br/>
<img src="images/email-icon.gif" height="20" width="20"><br/>
<a href="mailto:shirin.pathak@techxis.com">shirin.pathak@techxis.com</a><br/><br/>
<strong>Contact Person:</strong><br/>
Shirin Pathak <br/>
</div>
</div>
<div class="dhtmlgoodies_question">Regional Office, Kolkata:</div>
<div class="dhtmlgoodies_answer">
<div>
<strong>Address:</strong><br/>
Technology Xpress Info Solutions Pvt. Ltd.<br/>
13AL4, Greenwood Nook,<br/>
Coral Isle,EM Bypass,<br/>
Kolkatta - 78<br/><br/>
<img src="images/phone_icon.png" height="20" width="20"><br/>
91-9325901110<br/><br/>
<img src="images/email-icon.gif" height="20" width="20"><br/>
<a href="mailto:saurabh.chandra@techxis.com">saurabh.chandra@techxis.com</a><br/><br/>
<strong>Contact Person:</strong><br/>
Saurabh Chandra <br/>
</div>
</div>
<div class="dhtmlgoodies_question">Regional Office, Patna: </div>
<div class="dhtmlgoodies_answer">
<div>
<strong>Address:</strong><br/>
Technology Xpress Info Solutions Pvt. Ltd.<br/>
Plot No. 92,<br/>
West Boring Canal Road,<br/>
Anandpuri, <br/>
Patna - 800001, Bihar<br/><br/>
<img src="images/phone_icon.png" height="20" width="20"><br/>
91-9371668296<br/><br/>
<img src="images/email-icon.gif" height="20" width="20"><br/>
<a href="mailto:rashmi.kumar@techxis.com">rashmi.kumar@techxis.com</a><br/><br/>
<strong>Contact Person:</strong><br/>
Rashmi Kumar <br/>
</div>
</div>
<div class="dhtmlgoodies_question">Regional Office, Bangluru:</div>
<div class="dhtmlgoodies_answer">
<div>
</div>
</div>
<br/>
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 4,
interval: 6000,
width: 200,
height: 300,
theme: {
shell: {
background: '#eb6811',
color: '#ffffff'
},
tweets: {
background: '#17178f',
color: '#ffffff',
links: '#13f0c4'
}
},
features: {
scrollbar: false,
loop: false,
live: false,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'all'
}
}).render().setUser('techxis').start();
</script>
<br/>
<a href="http://www.facebook.com">
<img src="images/facebook.png" heiht="50" width="50"/>
</a>
</div>
</td>
</tr>
</table>
</div>
<div id="footer" class="fixed">
<p class="credits"> <strong> Designed by </strong>:<a href="http://www.webzymes.com/"> WebZymes Technologies</a></p>
<p class="copyright"></p>
</div>
</form>
</body>