TABLE LESSON NO 3

LETS TALK TEXT

Here is the text we will use for our discussion,

The offical record<br>will be reviewed<br>by the Appeals<br>Commission

and here is the image we will use

referee

What we want to do is to have the text aligned to the RIGHT of the IMAGE. There are a few ways to accomplish this.

<IMG SRC="referee.gif" WIDTH=110 HEIGHT=123>The offical record<br>will be reviewed<br>by the Appeals<br>Commission

referee The offical record
will be reviewed
by the Appeals
Commission

Speaking of appeal. This doesn't have to much!!!

We can use the <P> paragraph tag with the ALIGN=RIGHT attribute

<IMG SRC="referee.gif" WIDTH=110 HEIGHT=123>
<P ALIGN=RIGHT>The offical record<br>will be reviewed<br>by the Appeals<br>Commission

referee

The offical record
will be reviewed
by the Appeals
Commission

As you can see, the text did align right, but the result was not very satisfactory.

Lets try aligning the image LEFT and then write the text

<IMG SRC="referee.gif" WIDTH=110 HEIGHT=123 ALIGN=LEFT>The offical record<br>will be reviewed<br>by the Appeals<br>Commission

referee The offical record
will be reviewed
by the Appeals
Commission

This is an improvement, but as you can see the text is to close to the image and a little too high. The height can be easily fixed by inserting the appropiate no of <BR>'s preceeding the text.

<IMG SRC="referee.gif" WIDTH=110 HEIGHT=123 ALIGN=LEFT><BR><BR>The offical record<br>will be reviewed<br>by the Appeals<br>Commission

referee

The offical record
will be reviewed
by the Appeals
Commission

That's got the height problem solved.

Now lets use the hspace attribute to move the text over.

<IMG SRC="referee.gif" WIDTH=110 HEIGHT=123 ALIGN=LEFT hspace="35"><BR><BR>The offical record<br>will be reviewed<br>by the Appeals<br>Commission

referee

The offical record
will be reviewed
by the Appeals
Commission

Color names can be used wherever colors can be used( in the BGCOLOR and TEXT attributes ) provided these valid colors:

Aqua, Black, Blue, Fuchsia, Gray, Green, Lime, Maroon, Navy, Olive, Purple, Red, Silver, Teal,Yellow, and White.

are used. NOTE Web Tv permits the use of color names, that may be found in The Professor's Color Chart.

Since we are talking TABLES, lets use one to align some text. Here is how we will align text to the Left of The Professor

<TABLE BGCOLOR="blue" WIDTH=350 HEIGHT=250 BORDER=5>
<TR><TD ALIGN=CENTER>
<TABLE BGCOLOR="black" WIDTH=350 HEIGHT=250 BORDER=0>
<TR><TD ALIGN=CENTER WIDTH=175>
<FONT COLOR=WHITE>Here is<p>How we align<p>text to left<p>of The Professor</FONT>
</TD><TD ALIGN=CENTER WIDTH=175>
<IMG SRC="grad.gif" WIDTH=152 HEIGHT=199>
</TD></TR></TABLE>
</TD></TR></TABLE>

Here is

How we align

text to left

of The Professor

Here is how we will align text to the Right of The Professor

<TABLE BGCOLOR="blue" WIDTH=350 HEIGHT=250 BORDER=5>
<TR><TD ALIGN=CENTER>
<TABLE BGCOLOR="black" WIDTH=350 HEIGHT=250 BORDER=0>
<TR><TD ALIGN=CENTER WIDTH=175>
<IMG SRC="grad.gif" WIDTH=152 HEIGHT=199>
</TD><TD ALIGN=CENTER WIDTH=175>
<FONT COLOR=WHITE>Here is<p>How we align<p>text to right<p>of The Professor</FONT>
</TD></TR></TABLE>
</TD></TR></TABLE>

Here is

How we align

text to right

of The Professor

You may also use a TABLE in a <TD> Table Data cell. Here is the table we will use.

Now we will make a table to demonstrate how to put text to the LEFT of an IMAGE and to the RIGHT of the image.

The RED table will be the border. The BLACK table will have three <TD> Table Data cells that will contain the text and the image. The BLUE table will contain the image used in the center <TD> Table Data cell in the BLACK Table.

<TABLE BGCOLOR="red" BORDER=5 HEIGHT=250 WIDTH=400>
<TR><TD ALIGN=CENTER>
<TABLE BGCOLOR="black" BORDER=0 HEIGHT=250 WIDTH=400>
<TR><TD ALIGN=CENTER WIDTH=33%>
<FONT COLOR="white">
<STRONG>
This Is How<BR>
To Put Text<BR>
To The Left<BR>
Of The<BR>
Professor </STRONG></FONT>
</TD><TD>
<TABLE BGCOLOR="blue" BORDER=5>
<TR><TD>
<IMG SRC="grad.gif" WIDTH=152 HEIGHT=192>
</TD></TR></TABLE>
</TD><TD ALIGN=CENTER WIDTH=33%>
<FONT COLOR="white">
<STRONG>
This Is How<BR>
To Put Text<BR>
To The Right<BR>
Of The<BR>
Professor </STRONG></FONT>
</TD></TR></TABLE>
</TD></TR></TABLE>

Here is the finished product.

This Is How
To Put Text
To The Left
Of The
Professor

tutor
This Is How
To Put Text
To The Right
Of The
Professor

In case you were wondering why the record was being sent to the Appeals Commission

The referee decided, upon viewing the replay, that referee the official record would be reviewed by the Appeals Commission

The Professor's Table Introduction
Lesson No 1	Lesson No 2	Lesson No 3	Lesson No 4	Lesson No 5

TABLE LESSON NO 3

DESIGN BYTHE PROFESSOR

DESIGN BY
THE PROFESSOR