|  | PageTutor.com

Let's get rid of Ed's friends for now.

    <TABLE BORDER=3 WIDTH=75%>
    <TR>
    <TD>Ed</TD>
    </TR>
    </TABLE>

Ed

Let's reduce the table size to 50% of the browser window.

    <TABLE BORDER=3 WIDTH=50%>
    <TR>
    <TD>Ed</TD>
    </TR>
    </TABLE>

Ed

Now we will specify a width of 50 instead of 50%.

    <TABLE BORDER=3 WIDTH=50>
    <TR>
    <TD>Ed</TD>
    </TR>
    </TABLE>

Ed

Now 100.

    <TABLE BORDER=3 WIDTH=100>
    <TR>
    <TD>Ed</TD>
    </TR>
    </TABLE>

Ed

As you can see there are two ways to specify table width. Each style has its uses. Which style to use for what is unimportant now.

We can also mess around with the height.

    <TABLE BORDER=3 WIDTH=100 HEIGHT=75>
    <TR>
    <TD>Ed</TD>
    </TR>
    </TABLE>

Ed

I'm reminded of something Steven Wright said...

"The other day, I was walking my dog around my building...on the ledge. Some people are afraid of heights. Not me, I'm afraid of widths."

Note - Controlling a table's height is fairly simple. Controlling the height of individual cells in the table is a little unreliable, especially across different browsers.

<< BACK NEXT >>

PageTutor - Table Tutor
Lessons: Intro 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 Quick Reference
Barebones HTML Guide Joke Break
Print version available - Get the PageTutor book & CD
Become a member - Get more good stuff!

Invest in the future - Hug your kid today.