Webset
lesson 5
|
|
|
|
|
|
Here is the code that we ended with in the last lesson
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="700">
<TR>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="700" HEIGHT="170">
<IMG NAME="webset0" SRC="webset_1x1.jpg" WIDTH="700" HEIGHT="170"
BORDER="0"></TD>
</TR>
<TR>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="700" HEIGHT="66">
<IMG NAME="webset1" SRC="webset_2x1.jpg" WIDTH="700" HEIGHT="66"
BORDER="0"></TD>
</TR>
<TR>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="700" HEIGHT="64">
<IMG NAME="webset2" SRC="webset_3x1.jpg" WIDTH="700" HEIGHT="64"
BORDER="0"></TD>
</TR>
</TABLE>
please locate the middle image in your code...it's right here
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="700">
<TR>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="700" HEIGHT="170">
<IMG NAME="webset0" SRC="webset_1x1.jpg" WIDTH="700" HEIGHT="170"
BORDER="0"></TD>
</TR>
<TR>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="700" HEIGHT="66">
<IMG NAME="webset1" SRC="webset_2x1.jpg" WIDTH="700" HEIGHT="66"
BORDER="0"></TD>
</TR>
<TR>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="700" HEIGHT="64">
<IMG NAME="webset2" SRC="webset_3x1.jpg" WIDTH="700" HEIGHT="64"
BORDER="0"></TD>
</TR>
</TABLE>
make THAT image the background image for your webset
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="700"
background="webset_2x1.jpg">
<TR>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="700" HEIGHT="170">
<IMG NAME="webset0" SRC="webset_1x1.jpg" WIDTH="700" HEIGHT="170"
BORDER="0"></TD>
</TR>
<TR>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="700" HEIGHT="66">
<IMG NAME="webset1" SRC="webset_2x1.jpg" WIDTH="700" HEIGHT="66"
BORDER="0"></TD>
</TR>
<TR>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="700" HEIGHT="64">
<IMG NAME="webset2" SRC="webset_3x1.jpg" WIDTH="700" HEIGHT="64"
BORDER="0"></TD>
</TR>
</TABLE>
Center your table
<TABLE align="center" BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="700"
background="webset_2x1.jpg">
<TR>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="700" HEIGHT="170">
<IMG NAME="webset0" SRC="webset_1x1.jpg" WIDTH="700" HEIGHT="170"
BORDER="0"></TD>
</TR>
<TR>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="700" HEIGHT="66">
<IMG NAME="webset1" SRC="webset_2x1.jpg" WIDTH="700" HEIGHT="66"
BORDER="0"></TD>
</TR>
<TR>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="700" HEIGHT="64">
<IMG NAME="webset2" SRC="webset_3x1.jpg" WIDTH="700" HEIGHT="64"
BORDER="0"></TD>
</TR>
</TABLE>
You have to put the " and " around center as the rest of the page has already set that pattern.
Almost done
Remove the middle image from the table so that the only instance of it is the background image
<TABLE align=center BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="700"
background="webset_2x1.jpg">
<TR>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="700" HEIGHT="170">
<IMG NAME="webset0" SRC="webset_1x1.jpg" WIDTH="700" HEIGHT="170"
BORDER="0"></TD>
</TR>
<TR>
<TD><br></TD>
</TR>
<TR>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="700" HEIGHT="64">
<IMG NAME="webset2" SRC="webset_3x1.jpg" WIDTH="700" HEIGHT="64"
BORDER="0"></TD>
</TR>
</TABLE>
Go to the next lesson