| On to
step 3 in our page. We're going to draw 6
cells in our nav table and then insert the
images.
We will also put 2 cells and a logo gif into
the banner table at the top. |
|
|
Continuing from the Moving
and Resizing page.
|
From the objects pallette
select the Draw Layout
Cell icon. Place the
crosshair near the top left of the nav table and draw
in a cell. Don't
worry about the size but make room for 5 more cells
below this one.
Draw in the other 5 cells.
It doesn't matter if there is space left over
at the bottom. We will take care of this in the next
step.
|
 |
The Objects Pallette
|
Click inside the
top cell and go to the menu bar Insert> Image or click
on the insert image icon 
in The Objects
Pallette and browse to the
image folder and insert the spacer.gif. In the property
inspector set the height to 40.
* If you did not download the gif set, here
are the dimensions for the spacer and button gifs:
spacer.gif = 1px x 1px transparent gif.
All button gifs = 20px x 20px
Property Inspector
In the next cell
insert the buthome.gif. Do you see how the tables width
expanded to fit the image?
This is why we made the cells a little thin to start. So now
the width properties are already set
saving us a few steps. Insert the
other 4 nav butimages in whatever order in the cells below.
Look at the table header of the nav bar.
There are 2 numbers. 
This occurs when the cell was drawn smaller than the content
that you insert into it. The number in quotes is the width
that you drew the original cell and this is the number that
appears in the HTML which is wrong.
The number in parenthesis (125) is the actual
width of the cell. (Our buttons just happen to be 125px wide).
To correct this click the number (125) and select "Make
Cell Widths Consistent" from the dropdown. Now
there is only one number and it is correct HTML.
* Resizing the cells manually also restores
this HTML.
One more thing to do before we can move
on. We have to deal with the Logo table at the top. We need
to put 2 cells into this table so leave plenty of room to
the right of the first one.
Draw a cell flush
with the top and left of this table and extend it all the
way to the bottom. Select the cell by clicking its border
and In the Property Inspector set the Bg to #996666.
Now fill in the rest of
this table with another cell, then click inside of the first
cell and insert the logo.gif. In the second cell insert the
tag.gif.
So far...
* Click on the pic for larger screenshot
Setting the Dimensions
 |
|
