Why won't this HTML work 2?

Random Person · #1 05-16-2008, 01:15 PM

Table:
ROW 1 - 100% Letter A
ROW 2 - 100% Letter B
ROW 3 - 100% Letter C
ROW 4 - 2x50% Letters D,E
ROW 5 - 2x50% Letters F,G
ROW 6 - 3x33% Letters H,I,J
Last Row: I get H and I taking up half each and J just squished up in the corner.
Here is my HTML:
<html>
<table width="100%" border="1" cellpadding="2" cellspacing="2" align="center">
<tr width="100%">
<td align="center" colspan="3">
A
</td>
</tr>
<tr width="100%">
<td align="center" colspan="3">
B
</td>
</tr>
<tr width="100%">
<td align="center" colspan="3">
C
</td>
</tr>
<tr width="100%">
<td align="center" width="50%">
D
</td>
<td align="center" width="50%">
E
</td>
</tr>
<tr width="100%">
<td align="center" width="50%">
F
</td>
<td align="center" width="50%">
G
</td>
</tr>
<tr width="100%">
<td width="33%" align="center">
H
</td>
<td width="33%" align="center">
I
</td>
<td width="33%" align="center">
J
</td>
</tr>
</table>
</html>
What's wrong?
I can only use one table.