To understand me, imagine the tables with the property of "elasticity" We'll see because I imagine so. And I'm still working on the document to be saved as portal2.htm

See here for original size of the catch.

In the top cell, let him keep thinking of putting the title, I want to do now is to put a logo and a picture. I place the cursor over the text that was inserted before and I select all, and we will be a great help, having the DW workspace divided in Design:

Enlarge

As we will see whether or not paragraphs in this cell (<td> </ td>) and see if any:

<td align="center" bgcolor="#FFF1D6"> <h1> without Images Web Design </ h1> <p </ p> </ td>

To make this completely clear, we should leave it on.:

<td align="center" bgcolor="#FFF1D6"> </ td>

However, for the cell does not disappear, there must be something in it, because if not, is gone! with this combination of special characters: what we do in insert a character invisible in the cell, do not see anything but it also disappears Will go and see, that DW puts it alone and simply delete the text and the label from the bar above the Property Inspector:

Once this 'clean' all going to Insert / Table with this configuration:

And the images are not going to use, leave it to your choice, if aplicáis background to the table or not, or cell, as we had done in previous institutes. In my case if I did. What it will do is put all alignment (center, width and size to the cell / column on the left:

150 px, as before we had given to the column of options, or menu. The aesthetic effect is essential in a website, so that these columns are to be fully equal, if you have a 200 px, the other should also be 200 px.

In the PSP (or any graphics program) create an image that would serve for this purpose and we will consider the measures of the columns, or the symmetry of these will be eliminated, whether we have given the same value for W .

We will see

Prepare three images, one of 100/100, 150/150, 200/200 pixels, and we'll inserting them one by one, to see what happens: Insert the first, 100/100 px:

We had not put in the cell alignment, therefore is on the left which is the default. It breaks the symmetry of the columns, but is off center, so this can serve as to center it, and know how. Alignment = center in cell

To check for yourself, you can also try removing the width value, or even change it to 100 Os is it?

It is completely adapted to the image, its size .. so if it is smaller and we want the column has a specific width, we give it separately, or we will be bad design.
Observe well, myself, the whole row has the same height as the image, and thus,. will with the next image, therefore the height we have to worry, just to create the image, since the same that has this, which will be the Line, and of course, also affect the table where the inserted .

Do not change the width value of the cell, leaving it to 100, we see happening with the second, 150 px:

Is perfect, the first, even though the cell does not have the same value of the image width ...! You see because they call 'elastic'?

* Note: Look also in the box where we see the value in cell, he says, 100 (150), be ... 100 is the value that we have put before, and in parentheses, which we actually have.

To finish the check, we see happening with the image of 200 px:

And the same thing will change the value to cell size! It's spring! Therefore, we can see that who just sending, are the images, or content. Because we used an image but a text we will do the same. A long bond, as .. The table cell ... is 'stretched' to cover all the content we insert and soon we will have put a specific size ... lengthen and grow as much as the content that we insert in them!

With respect to height, if ever you happen to observe that the cell is higher, or a space is left on the image:

Should be as shown in the catch there is a label in this casp <p> (para) containing not more that although we .. this and bother us! we remove

We will, therefore, the appropriate size to the image we're using that in my case is 150/150 px and the pictures below, I note that the maximum height, if I want to remove the design, whether 150px .

In the right cell, insert a table with 100% and this time we have not put back or anything, the transparent and that we will see the bottom as we had before:

In the right column, insert an image and assign the same value (column) that has wide image, you see, the height is less than 150px.

You can see better in the following screen:

and not have to worry about alignment or anything else.

In the other column insert an image of a text and I assign central alignment, and is 'floating' in the center which is what I wanted, for the next step.

A cell does not assign any gauge.

And now comes the interesting thing, because if in the first table, replace those 780 px from the top, 100%, the 'stretch' all tables:

Write 100 to change to%

See here the example

Keeping the same design we had but it will make the end user when entering our site, has the resolution you have, see full screen of 600, 800, 1024, 1280 or higher.

As I still like more 'recogidita' ie with the initial value of 780 px but now we know how to change that, each to choose how you like most