Lets give Ed a bigger cell since he's been here from the beginning.
<TABLE BORDER=3 WIDTH=300 HEIGHT=75> <TR> <TD WIDTH=80%>Ed</TD> <TD WIDTH=20%>Tom</TD> </TR> </TABLE>
| Ed | Tom |
Now Rick is back and of course he wants his own cell. We need to decide how much of the row we will give him. I suppose 20% is fair. Make sure to adjust Ed's share also.
<TABLE BORDER=3 WIDTH=300 HEIGHT=75> <TR> <TD WIDTH=60%>Ed</TD> <TD WIDTH=20%>Tom</TD> <TD WIDTH=20%>Rick</TD> </TR> </TABLE>
| Ed | Tom | Rick |
Three yahoos from across the street see what's going on and they want to be in your table. I think we will give them their own row.
<TABLE BORDER=3 WIDTH=300 HEIGHT=75> <TR> <TD WIDTH=60%>Ed</TD> <TD WIDTH=20%>Tom</TD> <TD WIDTH=20%>Rick</TD> </TR> <TR> <TD>Larry</TD> <TD>Curly</TD> <TD>Moe</TD> </TR> </TABLE>
| Ed | Tom | Rick |
| Larry | Curly | Moe |
The WIDTH attributes in the first row carry over to the second row.
If Moe leaves, we still have a perfectly good table, it just has an empty spot.
<TABLE BORDER=3 WIDTH=300 HEIGHT=75 > <TR> <TD WIDTH=60%>Ed</TD> <TD WIDTH=20%>Tom</TD> <TD WIDTH=20%>Rick</TD> </TR> <TR> <TD>Larry</TD> <TD>Curly</TD> </TR> </TABLE>
| Ed | Tom | Rick |
| Larry | Curly |
What we may want to do, just to keep the browser from guessing, is to actually leave that empty cell there and just put a blank space in it ( ). Normally for a simple table this isn't necessary, however as your tables become more complex, the less guesing the browser has to to, the better off you'll be.
<TABLE BORDER=3 WIDTH=300 HEIGHT=75 > <TR> <TD WIDTH=60%>Ed</TD> <TD WIDTH=20%>Tom</TD> <TD WIDTH=20%>Rick</TD> </TR> <TR> <TD>Larry</TD> <TD>Curly</TD> <TD> </TD> </TR> </TABLE>
| Ed | Tom | Rick |
| Larry | Curly |
Let's put Moe back and remove all attributes except BORDER.
<TABLE BORDER=3> <TR> <TD>Ed</TD> <TD>Tom</TD> <TD>Rick</TD> </TR> <TR> <TD>Larry</TD> <TD>Curly</TD> <TD>Moe</TD> </TR> </TABLE>
| Ed | Tom | Rick |
| Larry | Curly | Moe |
| << BACK NEXT >> |