joey lang joey lang - 1 year ago 43
HTML Question

simple html table. logic not clear

THE TABLE

hi guys . i faced some problems creating this table . i entered the following code which i thought was correct but it isn't .

<HTML>
<HEAD>
<TITLE>
TABLE DESIGN 2
</TITLE>
</HEAD>
<BODY>
<TABLE BORDER="1" ALIGN="CENTER" WIDTH="150" HEIGHT="200" >
<TR>
<TD ROWSPAN="6" ALIGN="CENTER">A</TD>
<TD ROWSPAN="3" ALIGN="CENTER">B</TD>
<TD ROWSPAN="2" ALIGN="CENTER">C</TD>
</TR>
<TR>
<TD ROWSPAN="2" ALIGN="CENTER">E</TD>
</TR>
<TR>
<TD ROWSPAN="3" ALIGN="CENTER">F</TD>
</TR>
<TR>
<TD ROWSPAN="2" ALIGN="CENTER">F</TD>
</TR>
</TABLE>
</BODY>
</HTML>

Answer Source

Since you're using 6 rows to do your math, you needed to insert an additional blank row above your "E" cell.

<TABLE BORDER="1" ALIGN="CENTER" WIDTH="150" HEIGHT="200">
  <TR>
    <TD ROWSPAN="6" ALIGN="CENTER">1</TD>
    <TD ROWSPAN="3" ALIGN="CENTER">1/2</TD>
    <TD ROWSPAN="2" ALIGN="CENTER">1/3</TD>
  </TR>
  <TR></TR>
  <TR>
    <TD ROWSPAN="2" ALIGN="CENTER">1/3</TD>
  </TR>
  <TR>
    <TD ROWSPAN="3" ALIGN="CENTER">1/2</TD>
  </TR>
  <TR>
    <TD ROWSPAN="2" ALIGN="CENTER">1/3</TD>
  </TR>
</TABLE>

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download