Table Basics
Hi there,
I'm new to HTML. Please help me out on a table like this.
+------+
| |
+--+---+---+
| | | |
| +---+---+
| | |
+--+-----+
No need for dimensions and other things. I am just confused on the codes for columns and rows that overlaps.
Thanks
[363 byte] By [
aio] at [2007-11-17 15:42:39]
# 1 Re: Table Basics
<table border="1" width="100%">
<tr>
<td width="100%" colspan="3"> </td>
</tr>
<tr>
<td width="50%" rowspan="2"> </td>
<td width="25%"> </td>
<td width="25%"> </td>
</tr>
<tr>
<td width="50%" colspan="2"> </td>
</tr>
</table>
The easiest way do get a code is to build a table in any HTML editor and view its source.
Akim at 2007-11-8 0:12:33 >
# 2 Re: Table Basics
Thanks Akim,
I will test the code later.
I tried Visual Interderv but can't seem to make it overlap. I probably missed something.
Besides, I am still learning, so I want it manual and focused on the code. The HTML editor is generating codes including those I don't need. For now, they are still arcane to me.
aio at 2007-11-8 0:13:30 >
# 3 Re: Table Basics
I'm not a "Pro", but know a few things :)
Basicaly, <TR></TR> specifies a row in a table.
Table - 3 Rows and 3 Columns (<TD></TD> specifies a column):
<TABLE id="Table1" width="300" border="1">
<TR>
<TD></TD>
<TD></TD>
<TD></TD>
</TR>
<TR>
<TD></TD>
<TD></TD>
<TD></TD>
</TR>
<TR>
<TD></TD>
<TD></TD>
<TD></TD>
</TR>
</TABLE>
COLSPAN (Sets or retrieves the number columns in the table that the object should span.):
<TABLE id="Table1" width="300" border="1">
<TR>
<TD colspan="2"></TD> 'span 2 first rows
<TD></TD>
</TR>
<TR>
<TD></TD>
<TD></TD>
<TD></TD>
</TR>
<TR>
<TD></TD>
<TD></TD>
<TD></TD>
</TR>
</TABLE>
ROWSPAN (Sets or retrieves how many rows in a table the cell should span.)
<TABLE id="Table1" width="300" border="1">
<TR>
<TD colspan="2"></TD> 'span 2 first rows
<TD></TD>
</TR>
<TR>
<TD rowspan="2"></TD> 'span 2 rows
<TD></TD>
<TD></TD>
</TR>
<TR>
<TD></TD>
<TD></TD>
</TR>
</TABLE>
Akim at 2007-11-8 0:14:40 >
