|
• Table Talk ! |
|
| ||||||
| • Table Using Rowspan |
|
You should have a good basic understaning of Tables before attemping this lesson. Rowspan for tables can sometimes seem tricky, but it isn't if you visualize the table in advance. Here is a sample table cell line of code with the "rowspan" attribute added to it. <td align="center" valign="middle" rowspan="2">
In the sample table below we want the table
cell on the right to span the three cells on the left.
So the second table cell in the first table row must
expand down along the three table cells on the left.
This is the table cell you would use the "rowspan" attribute in.
| ||||
|
Sample Table Using Rowspan
Sample Table Code Table Using Rowspan
<table width="400" cellpadding="10" cellspacing="0" border="1"> |
| • Table Using Rowspan & Colspan |
| Let's add another table cell at the bottom of our sample table using the "colspan" attribute. This will allow the cell to span across the bottom or in other words span across the two columns that makes up our table. | ||||||
|
Sample Table Using Rowspan & Colspan
Sample Table Code Using Rowspan & Colspan
<table width="400" cellpadding="10" cellspacing="0" border="1"> | ||||||
| • Rowspan With Cells On Both Sides |
| Here is another example of using rowspan. This shows multiple table cells on both sides of a single table cell. | |||||
|
Sample Table Using Rowspan With Table Cells On Both Sides
Sample Table Code Using Rowspan With Cells On Both Sides
<table width="400" cellpadding="10" cellspacing="0" border="1"> |
 |
Draac.Com Is Hosted By ValueWeb
Register UK domain names at Domain Names UK
|
 |
| Advertise
| Link To Us | Status/Updates | Privacy Statement |
| Copyright © 1999-2003 Draac.Com
© All Rights Reserved. |