Table cells are pulling apart

My application: Dreamweaver CS3
My OS: Mac 10.5
Because I can't attach an image to this message, it may be difficult to
demonstrate the problem I'm having. I attended a meeting this morning with my
client to go over work being done on his new website. We previewed my work on a
large flat-screen tv. What happened was the site appeared stretched with gaps
between table cells. For example, (go to this link:
http://pk-co.com/masterplanning.html) across the top of the page I have a
Fireworks html image. The .htm file had extra cell space underneath it. Other
sections of the page appeared to be spread out with extra space between cells.
What can I do in Dreamweaver to correct this? Everything appears normal on my
screen (Apple Cinema Display). help is appreciated! thanks

Look at the code. Look at the several redundant instances of the same
javascript functions you have on the page. No doubt that's related to
this -



In addition, the gaps that you are seeing are also related to that previous
line as well. The sad truth is that using a graphics application to write
your HTML is OK for prototyping, but is woefully wrong for production work.
The fault is in the character of the table that is built to contain your
page. Read this to see why -

http://apptools.com/rants/spans.php

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================

"paulkirtley" <webforumsuser@macromedia.com> wrote in message
news:ge51lt$940$1@forums.macromedia.com...
> My application: Dreamweaver CS3
> My OS: Mac 10.5
> Because I can't attach an image to this message, it may be difficult to
> demonstrate the problem I'm having. I attended a meeting this morning with
> my
> client to go over work being done on his new website. We previewed my work
> on a
> large flat-screen tv. What happened was the site appeared stretched with
> gaps
> between table cells. For example, (go to this link:
> http://pk-co.com/masterplanning.html) across the top of the page I have a
> Fireworks html image. The .htm file had extra cell space underneath it.
> Other
> sections of the page appeared to be spread out with extra space between
> cells.
> What can I do in Dreamweaver to correct this? Everything appears normal on
> my
> screen (Apple Cinema Display). help is appreciated! thanks
>

Hello,

The problems you are seeing is because of all the merged table cells in the
layout. There are many rowspans, colspans and space gifs.
This makes for an extremely fragile layout.

Here's more information on the trouble, and some graphics showing the
problem to help understand why:
http://apptools.com/rants/spans.php

If you're going to use table, you should use tables and nested tables and
not merged cells.
Don't let a graphics application like Firewroks write the HTML for you.
These layouts are only suited for mockups, as variables with different
browsers and text sizes will break this kind of layout.

Create your images in Fireworks and slice them up.
Create the layout in DW and insert the images.

Here's a tutorial:
http://www.adobe.com/devnet/firework...youts_pt1.html

Take care,
Tim

"paulkirtley" <webforumsuser@macromedia.com> wrote in message
news:ge51lt$940$1@forums.macromedia.com...
> My application: Dreamweaver CS3
> My OS: Mac 10.5
> Because I can't attach an image to this message, it may be difficult to
> demonstrate the problem I'm having. I attended a meeting this morning with
> my
> client to go over work being done on his new website. We previewed my work
> on a
> large flat-screen tv. What happened was the site appeared stretched with
> gaps
> between table cells. For example, (go to this link:
> http://pk-co.com/masterplanning.html) across the top of the page I have a
> Fireworks html image. The .htm file had extra cell space underneath it.
> Other
> sections of the page appeared to be spread out with extra space between
> cells.
> What can I do in Dreamweaver to correct this? Everything appears normal on
> my
> screen (Apple Cinema Display). help is appreciated! thanks
>

1. When I need to merge cells...
a. If they are horizontally adjacent, instead of merging them, I end
the current table, and 'stack' a new one underneath it with the desired cell
configuration.
b. If they are vertically adjacent, then I end the current table at the
row ABOVE the row where the need for merging begins. I then start a new
table with two cells in one row, and place a properly structured inner table
in each of those two cells.
2. When I need to split cells, I just insert a nested table with the proper
cell configuration into the cell I would otherwise split.

The goal here is to completely avoid merging or splitting cells (i.e., using
col- or rowspan attributes in your table markup), since that's what makes
Layout mode's tables (and those created by any graphic editor) so fragile.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================

"TC2112" <nospam@nospam.com> wrote in message
news:ge531b$ari$1@forums.macromedia.com...
> Hello,
>
> The problems you are seeing is because of all the merged table cells in
> the layout. There are many rowspans, colspans and space gifs.
> This makes for an extremely fragile layout.
>
> Here's more information on the trouble, and some graphics showing the
> problem to help understand why:
> http://apptools.com/rants/spans.php
>
> If you're going to use table, you should use tables and nested tables and
> not merged cells.
> Don't let a graphics application like Firewroks write the HTML for you.
> These layouts are only suited for mockups, as variables with different
> browsers and text sizes will break this kind of layout.
>
> Create your images in Fireworks and slice them up.
> Create the layout in DW and insert the images.
>
> Here's a tutorial:
> http://www.adobe.com/devnet/firework...youts_pt1.html
>
> Take care,
> Tim
>
>
> "paulkirtley" <webforumsuser@macromedia.com> wrote in message
> news:ge51lt$940$1@forums.macromedia.com...
>> My application: Dreamweaver CS3
>> My OS: Mac 10.5
>> Because I can't attach an image to this message, it may be difficult to
>> demonstrate the problem I'm having. I attended a meeting this morning
>> with my
>> client to go over work being done on his new website. We previewed my
>> work on a
>> large flat-screen tv. What happened was the site appeared stretched with
>> gaps
>> between table cells. For example, (go to this link:
>> http://pk-co.com/masterplanning.html) across the top of the page I have a
>> Fireworks html image. The .htm file had extra cell space underneath it.
>> Other
>> sections of the page appeared to be spread out with extra space between
>> cells.
>> What can I do in Dreamweaver to correct this? Everything appears normal
>> on my
>> screen (Apple Cinema Display). help is appreciated! thanks
>>
>
>

Table cells are pulling apart - Macromedia Dreamweaver

Table cells are pulling apart

LinkBack

Thread Tools

Table cells are pulling apart

Re: Table cells are pulling apart

Re: Table cells are pulling apart

Re: Table cells are pulling apart