Oh boy! Tables! Now don't panic! I'm going to start
you on a very basic invisible table to hold one of the dolphin images with
text on either side of it. Tables are a great way to find creative
ways to combine text and images. I also use a table on links pages
where I have buttons in the first column. With an invisible table,
my links always line up perfectly.
Go to Insert on the top toolbar and choose to insert a table and a window comes up.
There sure looks like a lot of information you could put in at this point. Before I move on to what I did with mine, let me explain just the basics. This is where you choose your basic table setup, but you can always change your mind and alter those settings. A little further down this page you will see where I did that. For standard tables, I generally choose to have them centered so they show up the same no matter what the resolution. There are times when you will need to align a table differently. If you want your table to be invisible, set the border to 0. Later on I'll get into cell spacing and padding. You can also add a background color or image to a table.
I've set this table up to be invisible, centered, and 70% of my window. Why 70%? Because I want this part of my page to be indented for a different look to call attention to it. I've also left the column widths equal for the moment. I'm only going to be using 1 row of things, but I often add that one extra row so IE doesn't mess up the last row. I see you! You are saying.....What? IE tends to mess up tables. This is especially true if you have text in the last row of a table. It isn't so much a problem for a table with just images.
For this first plain invisible table, I'm not going to use any cell
spacing or cell padding. Later on I will to show you how that effects
the look of your table.
Step 2:
Step 3:
![]() |
Noticing that the text on the right doesn't stay on the same line, I right click on the table to bring up table properties. |
Step 4:
![]() |
I then adjust both the size of the table and uncheck the equal column width |
80% probably would have done it, but I've decided to add another column.
Step 5:
![]() |
Place your mouse cursor in the last column. Right click on the table and choose insert column from table properties.. |
This is how the table looks now with 4 columns. (I wanted a cute
animation.)

In Step 1 you learned how to insert a table onto your web page. Looking over that first image, you can see all the options when you first do this. Choose your rows, columns, caption if you want one, invisible or visible, table size, equal or not equal columns, and also you can choose to use either a background color or image in your table.
You then learned how to adjust or make changes to the existing table by right clicking on the table and choosing table properties. And you learned how to add a column to an existing table.
One more note before we move on. That dotted line is because
the table is invisible. Later on there will be visible tables.
[Netscape 1
[Netscape 2]
[Netscape 3]
[Netscape 4]
[Netscape 5]
[Netscape 6]
[Netscape 7]
[Netscape 8]
[Netscape 9]
[Notepad Editing]
[A Better Notepad]
[Using Iview]
[Forum] [Members] [Join] [Rosebuds] [Resources] [PSP Tutorials] [Graphic Buds]