How to make tables

Tables are basically a genius way of controlling the layout of a page. If you have complex layouts, it can be very difficult to ensure that the layout will be the same in any browser. Tables help you ensure that.

 

Tables are frames holding text and/or pictures. Tables can be visible (with a coloured borders around them, or they can be invisible.

 

You can put tables in tables and make some of them visible and others invisible.

 

Insert a table

Tables can be inserted while in text-editor mode or via the orange insert-arrow.

 

...while in text-editor modus 

Click the icon 'Insert table'. Define the number of rows and columns, if you want lines around the table or not, the background colour etc. Click 'Cells' and do likewise for the cells.

 

The size of a table can be adjusted in percent, pixels, centimetres etc. If you leave the size to be 100% it will take up the amount of space available.

If you indicate a size in pixel, please remember that there is a maximum to the size, and if you exceed that, the page will look a bit funny.

 

You can at any time insert or delete extra rows and columns.

 

Into the cells you can add text and pictures the traditional way.

 

...while in edit-modus 

Tables are inserted by clicking the orange insert-arrow and then selecting the menupoint 'Tables':

 

 

 

 

If I e.g. wanted to present 4 students, each with a portrait photo and some text, I would probably use tables. This is the way to do it:

• Consider the way you want to structure the page before you start the work on the web. Make a drawing on a piece of paper.

 

• Make sure that your decisions can be held within the border of the page, meaning that the total amount of pixels used must not exceed 500 pixels in width. I have decided that the pictures in this case are 80 pixels wide x 110 pixels high. Do as described above. This dialogue-box appears on the screen:

 

 

In this dialogue-box you select the number of rows, columns. You can also decide the width of the table. 100 % meaning that you always have a table of the largest possible table. You can also indicate the size in e.g. pixels and in centimetres. You can decide the border-style and colour (if you want one). Default is a single line, grey border.

 

You can also adjust the cells. In this case the

• 'Position' is set to 'Float to the left',
• 'Fill-in next to element' is set to 'Noting to the left'
• The 'Vertical alignment' is set to 'Top'
• 'Spacing to frame-border' is set to '10 pixels'.

 

This is how my choices turned out:

 

Theresa Hansen   My name is Theresa. I'm 16 years old and a student at NN-school. At the moment we are working on a project dealing with culture, health and environment.   We are going to participate in a Conference i Budapest, Hungary.	Lindsey Burges   My name is Lindsey. I'm 17 years old and a student at NN-school. At the moment we are working on a project dealing with culture, health and environment.   We are also going to participate in a Conference i Budapest, Hungary.
Caroline Carvi   My name is Caroline. I'm 14 years old and a student at NN-school. At the moment we are working on a project dealing with culture, health and environment.   We are going to participate in a Conference i Budapest, Hungary.	Cal Neil   My name is Cal. I'm 16 years old and a student at NN-school. At the moment we are working on a project dealing with culture, health and environment.   We are going to participate in a Conference i Budapest, Hungary.