Dreamweaver Layout Mode

Question

Aloha,
I'm trying to create a template in DMwvr layout mode that I
designed in photoshop. I have created two layout tables, and layout
cells for each of the elements. I'm having difficulty editing the
cell & table sizes. For example, on the left side of the page
where I have the navigation options (twelve separate cells) I have
edited the cell sizes in the property inspector to try and reduce
the amount of spacing between each of the options. The cells are
directly adjacent to each other. When I test the changes online,
there is no difference in the spacing or layout; the cells are
spaced as far apart when they were 40 pixels in ht, as when I
change them to 20 pixels in ht. So frustrating, any ideas!?
Thanks~

Answer 1

Hi Krista,
Could you provide a link or paste the code for the whole
page?
It's hard to tell from the snippet. It could be default
margins for the <p>
tags that are causing the space, or an issue with the col/row
spans. Might
even be something as simple as invalid code, for example in
the snippet
there's no closing table tag. Is it on the page?
There are definitely some issues, like cells with a height
different than
the image heights within different cells in the same
row...just not sure how
it's all connected without seeing the big picture.
Thanks,
Tim
"keeptheoceanclean" <[email protected]>
wrote in message
news:[email protected]...
> Whoops, sorry for the dbl posting, I don't think I
responded in the
> correct
> manner the first time!
>
> Hi Tim,
>
> Attached is a sample of the code from the navigation
cells, they're all
> identical. When reading the code line by line however,
the first
> navigation
> cell, "home" is written, and then is followed by an
empty cell where I
> will be
> inserting flash is the center of the page, and then
depicts 3 images/cells
> that
> are aligned on the right hand side of the page. These
three cells are in
> their
> own layout table. When I had them in the same layout
table as the
> navigation
> cells, although they looked fine in design view, when
tested online there
> would
> be significant spacing added in between them. The rest
of the navigation
> code
> then follows in sequence.
> Thanks for having a look, Krista
>
> <td width="179" height="22"
valign="middle"><blockquote>
> <p>Home</p>
> </blockquote></td>
> <td colspan="4" rowspan="13"
valign="top"><!--DWLayoutEmptyCell--> 
>
> </td>
> <td colspan="4" rowspan="13"
valign="top"><table width="100%" border="0"
> cellpadding="0" cellspacing="0">
> <!--DWLayoutTable-->
> <tr>
> <td width="180" height="120"
valign="baseline"><a
> href="
http://www.reefcheck.org/petition/petition.php"><img
> src="IMAGES/images/images/webtemplate_new_14.jpg"
alt="boxfish"
> width="178"
> height="122" /></a></td>
> <td width="6"> </td>
> </tr>
> <tr>
> <td height="107" valign="top"><a href="
http://www.iyor.org/"><img
> src="IMAGES/images/images/webtemplate_new_15.jpg"
alt="iyor logo"
> width="178"
> height="118" /></a></td>
> <td> </td>
> </tr>
> <tr>
> <td height="109" valign="top"><a href="
http://www.reefcheck.org/"><img
> src="IMAGES/images/images/webtemplate_new_18.jpg"
alt="rcint logo"
> width="178"
> height="104" /></a></td>
> <td> </td>
> </tr>
>
>
>
> </table> </td>
> <td></td>
> </tr>
> <tr>
> <td height="22" valign="middle"
nowrap="nowrap"><blockquote>About Reef
> Check</blockquote></td>
> <td></td>
> </tr>
> <tr>
> <td height="22" valign="middle"
nowrap="nowrap"><blockquote>
> <p>Join Us</p>
> </blockquote></td>
> <td></td>
> </tr>
> <tr>
>