, por ejemplo: Insert a new table, with 4 rows and 6 columns, for example:

de celda y 2 espacio entre ellas. The focus in the document, 5 px and 2 cell padding space between them. . 80% de ancho. Set a background color to the table, 0 edge. Wide 80%.

Select the first column:

: In the Property Inspector, we put a background color to the column:

If you remove the selection, go to Edit / Table / Merge Cells:

The cells are joined and we have a column with a single cell:

Place the mouse cursor in the last cell, press the first button and without releasing it, drag it to select all cells:

Modify / Table / Merge Cells and change the background color to white:

Also, put the cursor on the last cell in the second row press the first button and keeping it pressed, drag it down first and then left, they will be selecting all.

* Note: the reverse also eh? I mean to select cells

Change the background color that makes a contrast to the two we already have:

even if we could bring all the remaining cells we assign a fixed width to the left column select and combine all other cells:

Place the cursor in the column several times and we rose to Enter:

the result is completely different from what we had earlier ... Also from these icons, we can divide or unite the cells once we have selected

In the Modify Menu / Table, we will also find the options to Delete,

Resize both rows, or columns

You can see the example here

Put a background to a table

En Inspector de Propiedades . The first will find the background you want to put and keep in Pictures Insert a table of 1 row and 1 column. Property Inspector. Surely you ye shall have posted on this icon, like a spotlight:

Pressing on in the field comes an explanation of how we use it, it's easy, put the mouse cursor wherever you want to insert the file and go to 'focus' we are at it, press the first button mouse and stretch it to the file you want to insert:

Enlarge

We will be very useful to change images, links .. and we will be seeing it more carefully, now help us to insert a background image from the folder to the table:

* Note: Notice that the value space cell, h changed to 6 px. Well this is because the fund is to use this blinkie famous ... the squares are six px. I want to display only the top of a little picture as well ... so we will be realizing that the space between cells, it is clear ... that it becomes used another tool when designing a page.

y en el Inspector de Propiedades: We also put a background to the cell, therefore we will place on the label <td> and the Property Inspector:

Enlarge

Press Enter and we remain more like this:

Example Here

One thing ... look you in the first table, which we did in the previous Institute, had set the edge and we had also given color to the edge. In this we have not if we have given color to the bottom of the table and then to the rows and columns as well, and a background color different from the table.

This has an explanation, as I said, we will work to make our website look good in all browsers, but it turns out that the color of the edges of a table, only visible in IE, in Mozilla is not if not applied Styles. But we 'cheat' in this way.

Check yourself if? opening this page with the two