Now we need to make a second cell. We want the left cell to be a little smaller than the right one.
<TABLE BORDER=3 WIDTH=100%>
<TR>
<TD WIDTH=40%> </TD>
<TD WIDTH=60%>
Ingredients for Apple Pie
<UL>
<LI>Apples
<LI>Flour
<LI>Sugar
<LI>Cinnamon
</UL>
</TD>
</TR>
</TABLE>
|
Ingredients for Apple Pie
- Apples
- Flour
- Sugar
- Cinnamon
|
As a matter of habit, you should always place a blank space ( ) in any empty cell.
Now would be a good time to copy applepie.gif to your working folder.
Plug the image into the first cell.
<TABLE BORDER=3 WIDTH=100%>
<TR>
<TD WIDTH=40%><IMG SRC="applepie.gif" WIDTH=150 HEIGHT=138></TD>
<TD WIDTH=60%>
Ingredients for Apple Pie
<UL>
<LI>Apples
<LI>Flour
<LI>Sugar
<LI>Cinnamon
</UL>
</TD>
</TR>
</TABLE>
 |
Ingredients for Apple Pie
- Apples
- Flour
- Sugar
- Cinnamon
|
All that's left is to align the pie image to the right side of the cell and turn off the border attribute.
<TABLE BORDER=0 WIDTH=100%>
<TR>
<TD WIDTH=40% ALIGN="right"><IMG SRC="applepie.gif" WIDTH=150 HEIGHT=138></TD>
<TD WIDTH=60%>
Ingredients for Apple Pie
<UL>
<LI>Apples
<LI>Flour
<LI>Sugar
<LI>Cinnamon
</UL>
</TD>
</TR>
</TABLE>
 |
Ingredients for Apple Pie
- Apples
- Flour
- Sugar
- Cinnamon
|
Bingo!