The first cell of the table in the last article is where the left side of the page will go. This contains a picture of the product as well as the name and number of the product.
...
<table width=250 border=0>
<tr>
<td width=250 height=350>
<img src="00001.jpg" width=250 height=350>
</td>
</tr>
<tr>
<td width=250 align=left>
<b><font face="impact, arial" size=5>African Sculpture</font></b></td>
</tr>
<tr>
<td width=250 align=right>
<b><font face="impact, arial" size=3>00001</font></b>
</td>
</tr>
</table>
...
The second column contains the right hand side on the page. This contains product information, product price, shipping cost and contact number.
...
<table width=200 border=0>
<tr>
<td width=200 colspan=2>
<font face=arial size=2>This sculpture is......and that is why you should buy it.</font>
</td>
</tr>
<tr>
<td width=150>
<b><font face="impact, arial" size=4>Product Cost</font></b>
</td>
<td width=50>
<b><font face="impact, arial" size=4>$10</font></b>
</td>
</tr>
<tr>
<td width=150>
<b><font face="impact, arial" size=4>Shipping Costs</font></b>
</td>
<td width=50>
<b><font face="impact, arial" size=4>$4</font></b>
</td>
</tr>
<tr>
<td width=200 colspan=2>
<b><font face="impact, arial" size=4>Contact: 555 1234</font></b>
</td>
</tr>
</table>
This may all seem complicated at first and if you are a bit lost I suggest that you read back over the last article and this one again quite slowly. There was previously a mistake in the last article which may have confused you (I used the word 'rows' instead of 'columns' when I said that the table should be designed using two different tables.) That mistake has been corrected and you may want to review the article.
I apologize for the delay in writing the second part of this article and the next article, which will discuss a more detailed home page design, will not be long.
Thanks
Oisin Prendiville
Go To Page: 1
