1.
[Image]Table.jpg
? 2. [code] using CSS to process a table nesting complete code
<style type= "Text/css" >
. form-table{
Border-collapse:collapse;
border-spacing:0px;
Border-style:solid solid solid solid;
border-width:1px;
Border-color: #000000;
}
. form-table table{
Border-collapse:collapse;
border-spacing:0px;
}
. form-table td{
margin:0px;
padding:0px;
height:25px;
line-height:25px;
Text-align:center;
Border-style:solid none None solid;
border-width:1px;
Border-color: #000000;
}
. form-table Table Tr:first-child td{
Border-top-style:none;
}
. form-table Table TR td:first-child{
Border-left-style:none;
}
</style>
3. [Code]IE6 does not support the pseudo-class of CSS, to be handled with jquery
<!--IE6 does not support the pseudo-class of CSS, to use jquery to process--
<!--[if IE 6]>
<script language= "javascript" src= "Jquery.js" ></script>
<script language= "JavaScript" >
$ (document). Ready (function () {
$ (". form-table table Tr:first-child TD"). CSS ("Border-top-style", "none");
$ (". form-table table TR td:first-child"). CSS ("Border-left-style", "none");
}); http://www.enterdesk.com/special/shouhui/?
</script> Hand Painted pictures
<! [endif]-->
4. The [Code] table refers to CSS in a very simple way
<table width= "50%" class= "form-table" >
<tr>
<td>
<table width= "100%" >
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td>
<table width= "100%" >
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td>
<table width= "100%" >
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td>
<table width= "100%" >
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</td>
</tr>
</table>
