Alignment
Basics
Character Codes
Colors
CSS
DIVS
Forms
Frames
Links
Lists and Bullets
Meta Tags
Multimedia
Pictures
Spacing
Tables
Text
Background Picture
Basic Table
Cell Padding
Cell Spacing
Colspan Rowspan
Table Alignment
Table Border
Table Colors
Table Shadow
Width and Height
Colspan Rowspan
[notify admin to delete page]
274
Column Span
Delete Section
Description
Column Span extends cells on a horizontal row (left and right). The line to add for Column Span is COLSPAN="X". This line adds onto the <TD> cell so the final result would look like this. <TD COLSPAN="X"> The "X" in the line, is replaced with the number of cells it extends past. So for example, if it is covering the distance that of 3 cells above or below it, the line would look like <TD COLSPAN="3">. Here is an example using Column Span.
Column Span extends cells on a horizontal row (left and right). The line to add for Column Span is COLSPAN="X". This line adds onto the <TD> cell so the final result would look like this. <TD COLSPAN="X"> The "X" in the line, is replaced with the number of cells it extends past. So for example, if it is covering the distance that of 3 cells above or below it, the line would look like <TD COLSPAN="3">. Here is an example using Column Span.
Code
<TABLE BORDER="1"> <TR> <TD> Cell 1 </TD> <TD> Cell 2 </TD> </TR> <TR> <TD COLSPAN="2"> Cell 3 </TD> </TR> </TABLE>
<TABLE BORDER="1"> <TR> <TD> Cell 1 </TD> <TD> Cell 2 </TD> </TR> <TR> <TD COLSPAN="2"> Cell 3 </TD> </TR> </TABLE>
Output
<TABLE BORDER="1"> <TR> <TD> Cell 1 </TD> <TD> Cell 2 </TD> </TR> <TR> <TD COLSPAN="2"> Cell 3 </TD> </TR> </TABLE>
<TABLE BORDER="1"> <TR> <TD> Cell 1 </TD> <TD> Cell 2 </TD> </TR> <TR> <TD COLSPAN="2"> Cell 3 </TD> </TR> </TABLE>
Practice
Cannot Edit - Code section automatically placed here.
Row Span
Delete Section
Description
Row Span extends cells on a vertical row (up and down). The line to add for Row Span is ROWSPAN="X". This line adds onto the <TD> cell so the final result would look like this. <TD ROWSPAN="X"> The "X" in the line, is replaced with the number of cells it extends. So for example, if it is covering the distance that of 3 cells left or right of it, the line would look like <TD ROWSPAN="3">. Here is an example using Row Span.
Row Span extends cells on a vertical row (up and down). The line to add for Row Span is ROWSPAN="X". This line adds onto the <TD> cell so the final result would look like this. <TD ROWSPAN="X"> The "X" in the line, is replaced with the number of cells it extends. So for example, if it is covering the distance that of 3 cells left or right of it, the line would look like <TD ROWSPAN="3">. Here is an example using Row Span.
Code
<TABLE BORDER="1"> <TR> <TD ROWSPAN="2"> Cell 1 </TD> <TD> Cell 2 </TD> </TR> <TR> <TD> Cell 3 </TD> </TR> </TABLE>
<TABLE BORDER="1"> <TR> <TD ROWSPAN="2"> Cell 1 </TD> <TD> Cell 2 </TD> </TR> <TR> <TD> Cell 3 </TD> </TR> </TABLE>
Output
<TABLE BORDER="1"> <TR> <TD ROWSPAN="2"> Cell 1 </TD> <TD> Cell 2 </TD> </TR> <TR> <TD> Cell 3 </TD> </TR> </TABLE>
<TABLE BORDER="1"> <TR> <TD ROWSPAN="2"> Cell 1 </TD> <TD> Cell 2 </TD> </TR> <TR> <TD> Cell 3 </TD> </TR> </TABLE>
Practice
Cannot Edit - Code section automatically placed here.
Click to add Section
Advertisements
