Set The Table
written by
|
|
|
Let's talk about cellpadding and cellspacing
|
The first order of business is to set up the <body> tag correctly. Contrary to popular believe, the size of the MsnTv web page is actually 560x384 pixels. You can also control the text size that your viewer sees, no matter what their text setting is on.
This is achieved by writing the <body> tag like this. |
|
|
|
The default setting for cellpadding and cellspacing with the MsnTv browser is 3 unless it is specified. Therefore it is always wise to specify these values when writing your tables.
|
|
Cellpadding is the distance between the cell walls, in pixels, and cellspacing is the distance between cells in pixels.
With this in mind, we are going to duplicate an image using tables. The image that we will use will be a window that has four panes.
|
| |
| This wil be accomplished by using cellspacing to make the borders with the cellpadding and border set at zero. |
|
|
|
|
|
<table cellpadding=0 cellspacing=10 bgcolor="#663300">
<tr bgcolor="#dddddd"><td width=53 height=53 align=center>
<b>P 1</b></td><td width=53 height=53 align=center><b>P 2</b></td></tr>
<tr bgcolor="#dddddd"><td width=53 height=53 align=center><b>P 3</b></td>
<td width=53 height=53 align=center><b>P 4</b></td></tr></table>
</td></tr></table>
|
|
|
| Now we will show you how to duplicate the left window using rowspan and colspan. You may want to check out this tutorial for a detailed explantion of this technique.
|
|
|
|
|
<table background="profteach.gif" width=136 height=128 cellpadding=0 cellspacing=0 border=0>
<tr bgcolor="#663300"><td width=10 height=128 rowspan=5></td><td width=53 height=10></td><td width=10 height=108 rowspan=5></td><td width=53 height=10><td width=10 height=128 rowspan=5></td></tr>
<tr><td width=53 height=55></td><td width=53 height=55></tr>
<tr bgcolor="#663300"><td width=53 height=8></td><td width=53 height=8></td></tr>
<tr><td width=53 height=55></td><td width=53 height=55></tr>
<tr bgcolor="#663300"><td width=53 height=10></td><td width=53 height=10></td></tr></table>
|
|
|
