Table Basics

[aio]

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

[Akim]

<table border="1" width="100%">
  <tr>
    <td width="100%" colspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td width="50%" rowspan="2">&nbsp;</td>
    <td width="25%">&nbsp;</td>
    <td width="25%">&nbsp;</td>
  </tr>
  <tr>
    <td width="50%" colspan="2">&nbsp;</td>
  </tr>
</table>

The easiest way do get a code is to build a table in any HTML editor and view its source.

[aio]

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.

[Akim]

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>