Since we are talking about tables, lets put it in one.
<TABLE>
<TR><TD ALIGN=CENTER>
<IMG SRC="blue-back.jpg" WIDTH=100 HEIGHT=900>
</TD></TR></TABLE>
|
As you can see, this is pretty large Image but lets use it as a Background and remove the Width and Height Attributes. OK.
<TABLE BACKGROUND="blue-back.jpg">
<TR><TD ALIGN=CENTER>
</TD></TR></TABLE>
Hey. Where did it go? Don't worry it's still there. The reason that you can't see it is because there isn,t any Data in the cell. Lets put a border around it to see if it is really there.
<TABLE BGCOLOR="FAF0E6" BORDER=3>
<TR><TD ALIGN=CENTER>
<TABLE BACKGROUND="blue-back.jpg" BORDER=0>
<TR><TD ALIGN=CENTER>
</TD></TR></TABLE></TD></TR></TABLE>
|
|
Well what do you know!!! There it is. Kind of small huh. Lets add some text to the cell to expand it. We know, from the discussion on widths, that the table will first expand horizontally, to accomodate the data, and then vertically. However it is worth repeating.
<TABLE BGCOLOR="FAF0E6" BORDER=3>
<TR><TD ALIGN=CENTER>
<TABLE BACKGROUND="blue-back.jpg" BORDER=0>
<TR><TD ALIGN=CENTER>This is a Cool Background
</TD></TR></TABLE></TD></TR></TABLE>
|
Finally, to complete our table, lets add width and height.
<TABLE BGCOLOR="FAF0E6" BORDER=3>
<TR><TD ALIGN=CENTER>
<TABLE BACKGROUND="blue-back.jpg" BORDER=0 WIDTH=300 HEIGHT=300>
<TR><TD ALIGN=CENTER>This is a Cool Background
</TD></TR></TABLE></TD></TR></TABLE>
|
We can also have an IMAGE on an IMAGE. Lets change the text and add a cake, that The Professor is going to make, to the table.
<TABLE BGCOLOR="FAF0E6" BORDER=3>
<TR><TD ALIGN=CENTER>
<TABLE BACKGROUND="blue-back.jpg" BORDER=0
WIDTH=300 HEIGHT=300>
<TR><TD ALIGN=CENTER>This is a
Cool Cake<P><IMG
SRC="cake1.gif" WIDTH="140" HEIGHT="130">
</TD></TR></TABLE></TD></TR></TABLE>
|
