HOME » Creating tables

What's a table?

This is a table:

Tables are very useful. They were orginally created to list out lots of data in an orderly fashion.

Like this:

Name	Phone	Email
David Hayakawa	715-342-5870	david@imakesense.com
Howard Hayakawa	715-204-0379	howard@imakesense.com

You've seen tables before many times. Now we'll show you how to make them. It's really easy.

You'll need to login in first and then come back to this page. Once you are logged in, follow these instructions.

1. click on the [pencil] icon above to get to the editor.

2. if you've clicked the pencil icon, right now you should be in the Admin panel looking at the instructions in the editor.

3. Take a peek up in the editor menu. Find the [table] icon, it looks like this:

. Click it.

4. Clicking the [table] icon will open the 'insert table' window.

Notice the 2 fields: Rows & Columns.

The rows field counts how many rows down you wish to create.

The columns field counts how many colums wide you wish to create.

The cell spacing field make the table borders wider.

The cell padding creates margins inside the table cells.

There are many other table options you can play with! Have fun.

*Design Hints

Ever wonder how some webpages get their content positioned? Here's a little secret that's not so secret. They use tables!

Make a 1 row, 2 coloumn table. Make the borders zero. Make the cellspacing zero and the cellpadding 15. Pretty nifty eh?

This is our first cell.

Were going to add some text down here and fill up the cell so we can see what we're doing. We're attempting to create two colums of text using tables.

I'm going to add some filler words now.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus facilisis turpis vitae est. Curabitur luctus aliquam felis. Sed laoreet, libero non dictum commodo, eros metus commodo ipsum, vel consectetuer diam lectus vitae nunc. Vestibulum rutrum lobortis urna. Vivamus at libero. Nunc tempor justo at dolor. Quisque molestie porta lectus. Aenean quis felis at magna blandit dignissim. Sed ligula dolor, fringilla at, vestibulum ut, porta vel, turpis. Nam nulla erat, dictum non, rhoncus nec, tempor at, nunc. Praesent in enim. Nunc rutrum leo id mi. Vestibulum mollis neque id enim. Duis at diam. Nulla congue nunc ut purus auctor tincidunt. Nulla vel turpis sit amet lectus ornare congue. Fusce urna magna, tempus id, rutrum vestibulum, volutpat sit amet, justo.

Ut adipiscing pretium justo. Curabitur tincidunt. Duis vestibulum, urna ac malesuada ultrices, ante quam consectetuer ante, nec dapibus elit lorem sit amet nisl. Duis dapibus tellus non felis. Ut elit magna, venenatis quis, tristique sed, gravida at, eros. Etiam euismod. Sed vel nunc sit amet mauris rhoncus condimentum. Maecenas tincidunt metus id lacus. Duis mi lectus, ullamcorper eget, pharetra ac, mattis sit amet, lectus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Cras in enim. Cras purus dolor, consequat eu, imperdiet et, ornare vel, urna. Nunc aliquet mi non mi. In hac habitasse platea dictumst. Aliquam dapibus, mauris quis nonummy lacinia, velit neque gravida sem, nonummy pharetra ante leo eu lectus. Vestibulum ultrices consequat diam. Quisque mattis iaculis dui. Sed faucibus. Quisque quis orci vel dui viverra euismod.

Nam vestibulum, sapien sed lacinia congue, justo lacus hendrerit ligula, a auctor magna est in tellus. Etiam ac orci. Morbi porttitor scelerisque ante. Proin vitae ante. Ut wisi enim, tristique et, ultrices et, rhoncus eu, lectus. Praesent fringilla orci id odio sagittis hendrerit. Aenean quis dolor. Mauris venenatis, odio at pulvinar blandit, lectus elit commodo leo, in cursus augue velit vitae lorem. Cras in magna sed lorem mattis lobortis. Suspendisse lectus sapien, venenatis a, pellentesque vitae, pharetra nec, massa. Curabitur luctus, ipsum ut consectetuer faucibus, dolor dolor aliquet augue, et egestas tellus pede id est. Praesent lobortis ligula. Quisque vitae ante. Ut sollicitudin nonummy neque. Sed gravida lorem vitae turpis. Mauris et quam eu nulla tincidunt condimentum. Integer id elit nec enim bibendum condimentum. Pellentesque tristique commodo purus. Fusce a tortor quis tellus adipiscing lobortis. Nunc nunc mi, ullamcorper et, fermentum in, interdum in, mauris.

Morbi placerat sapien sit amet ipsum. Sed ultricies egestas ligula. Donec pellentesque ligula in ipsum. Sed purus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed varius, elit eget venenatis fringilla, enim orci consectetuer leo, in volutpat purus mauris ut ante. Ut tincidunt eros vitae tellus. Curabitur ut urna eu diam feugiat sagittis. Fusce aliquam lobortis dui. Quisque ipsum elit, gravida cursus, pharetra ut, tempus non, massa. Nullam felis. Aliquam viverra tellus ut purus.

This is our second cell.

Were going to add some text down here and fill up the cell so we can see what we're doing. We're attempting to create two colums of text using tables.