Create a webpage

ASK A QUESTION OR READ ANSWERS

MAKING TABLES THE RIGHT SIZE

LESSON #11

Hey all my text is being screwed up by the background of this page! This is really annoying isn't it?

Man isn't it annoying, you find a cool background like this but can figure a way to keep your text out of it?
That's what tables are the best at! But you have to figure out how to make tables behave in the way you want.
When you made a two column table and typed in both sides the table just got larger and both sides remained roughly equal in size.
What we are about to do is create some tables that work like this:

Words words words words Words words words words words words words words words words words words words words words words

One side (column) of the table remains small while the other side gets larger as you type. This is done by using
Tools Show HTML
And inserting a little text like
width="225"
This sets the table maximum width. The table will expand up to 225 pixels wide and then force a line break in the text.
Okay, let's start this lesson.
CLICK HERE
Don't forget to save your webpage...
File > Save As > Make sure location is right and then click the button.

ONLINE WEB EDITOR Copyright 2006 Maynardville.Com
<HTML> <HEAD> <TITLE>My First Webpage</TITLE> </HEAD> <BODY BGCOLOR="#ffffff"> <P> <TABLE BORDER CELLPADDING="2" bgcolor="#00ff80"> <TR> <TD>1</TD> <TD>2</TD> </TR> <TR> <TD>3</TD> <TD>4</TD> </TR> </TABLE> </BODY> </HTML>

In the example above find:
<TD>1</TD>
Use the lesson to the left to change it's colors several times. Practice this quite often until you get the hang of it.