Html Colspan Rowspan
I work with html table, colspan and rowspan. I want to create table like this: ._______________________. | | | | |______ |_______|_______| |___|___| |___|__
Solution 1:
You need to use the colspan and rowspan attributes, examine my example to see how it's done. When you a <td> has a colspan or rowspan it is expanded and the next <td> that is meant to be in that position is skipped (see the last <tr> only has 2 <td>s).
<table>
<tr>
<td colspan="6"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td colspan="2" rowspan="2"> <br /> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2" rowspan="2"> <br /> </td>
<td colspan="2" rowspan="2"> <br /> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
Solution 2:
Make a table with four rows, and cells in the rows with these settings:
colspan 6
none
none
colspan 2, rowspan 2
none
none
colspan 2, rowspan 2
colspan 2, rowspan 2
none
none
Solution 3:
This should do it:
<table>
<tr>
<td colspan=6> <br> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td colspan=2 rowspan=2> <br> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan=2 rowspan=2> <br> </td>
<td colspan=2 rowspan=2> <br> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
Post a Comment for "Html Colspan Rowspan"