ravand
پنج شنبه 01 تیر 1391, 09:06 صبح
این قسمت رو من دیروز نوشتم یه چیز ساده است:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>تماس با ما</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*كدهاي بالا براي جلوگيري از متفاوت عمل كردن مرورگر هاست*/
A{
font-family: Tahoma;
font-size:11pt;
text-decoration: none;
}
#asli{
width:400px;
border:2px solid #B013F1;
direction:rtl;
text-align:right;
background-color:#C1D8F7;
padding-top:10px;
padding-bottom:10px;
margin-top:20px;
}
#lef{
width:240px;
float:left;
}
#righ{
width:120px;
float:right;
line-height: 215%;
padding-right:10px;
font-family: Tahoma;
font-size:11pt;
}
input{
margin-bottom:10px;
}
textarea{
margin-bottom:10px;
}
</style>
</head>
<body>
<div align="center">
<div id="asli">
<div id="lef">
<form method="POST">
<input type="text" name="tname">
<input type="text" name="temail">
<input type="text" name="tsubject">
<textarea name="tmatn" dir="rtl" rows="8" cols="23"></textarea>
<input type="submit" value="ارسال">
</div>
<div id="righ">
نام:<br>
ایمیل:<br>
موضوع:<br>
</div>
</form>
<div style="clear: both;font-size: 2pt"> </div>
</div>
</div>
</body>
</html>
امدم اول یه دیو اصلی ساختم و دو تا دیو دیگه داخل دیو اصلی. و دیو راست و چپ رو با استفاده از float در راست و چپ قرار داد.
البته تصویر امنیتی فعلا براش نذاشتم.
برای ارسال مقادیر میتونی اون رو به ایمیل یا خود سایت ارسال کنی.