ساخت جدول با CSS
ساخت جدول با CSS
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
table {
margin-top: 1%;
margin-right: 25%;
margin-left: 25%;
}
.btn {
padding-bottom: 2px;
border: 1px solid #000000;
font: 10pt tahoma;
width:44pt
}
.text {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
background-color: #0099FF;
text-align: center;
color: #FFFF00;
}
input {
width: 40%;
height: 22px;
}
-->
</style>
</head>
<body>
<table width="46%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td colspan="4" class="text">Learn Table & CSS with Best Example!</td>
</tr>
<tr>
<td width="41%">Name</td>
<td colspan="3">First&Last
<input type="text" name="textfield">
</form></td>
</tr>
<tr>
<td>Countery</td>
<td colspan="3">Your Country
<input type="text" name="textfield2"></td>
</tr>
<tr>
<td>Job</td>
<td colspan="3">Your Job
<input type="text" name="textfield3"></td>
</tr>
<tr>
<td height="200"><p>Select ion</p>
</td>
<td width="23%"><p>one
<input type="checkbox" name="checkbox" value="checkbox">
</p>
<p> two
<input type="checkbox" name="checkbox2" value="checkbox">
</p>
<p>3
<input type="checkbox" name="checkbox3" value="checkbox">
</p>
<p>4
<input type="checkbox" name="checkbox4" value="checkbox">
</p>
<p>Five
<input type="checkbox" name="checkbox5" value="checkbox">
</p>
</td>
<td width="18%"><p>aa
<input type="checkbox" name="checkbox6" value="checkbox">
</p>
<p> b
<input type="checkbox" name="checkbox22" value="checkbox">
</p>
<p>cc
<input type="checkbox" name="checkbox32" value="checkbox">
</p>
<p>d
<input type="checkbox" name="checkbox42" value="checkbox">
</p>
<p>ee
<input type="checkbox" name="checkbox52" value="checkbox">
</p>
</td>
<td width="18%"><p>11
<input type="checkbox" name="checkbox7" value="checkbox">
</p>
<p> 1
<input type="checkbox" name="checkbox23" value="checkbox">
</p>
<p>12
<input type="checkbox" name="checkbox33" value="checkbox">
</p>
<p>1
<input type="checkbox" name="checkbox43" value="checkbox">
</p>
<p>14
<input type="checkbox" name="checkbox53" value="checkbox">
</p>
</td>
</tr>
</table>
<p
align="center"><input type="submit" value="Submit"
class="btn"><input type="reset" value="Reset"
class="btn"></td>
</tr>
</body>
</html>
به نام رب جلیل
سلام
همیشه از این کارها بکنید.