Moving Table Cells

I am using Dreamweaver 2004 MX to create a template for the Marketing
Specialist so she can generate webpages.

I have modified one of the liquid css pages that came with DreamWeaver MX
(specifically "Halo Left Nav") to match her criteria and used this to create
the template.

When creating a web page from this template, one has to enter text into the 2
row 2 column table. In this table, when you put text into it, the size of the
adjacent cell shrinks if the amount of text is less than that of the current
cell you are working on.
I would like to accomplish a static table cell size, no matter what amount
of text is in it, and still keep the liquidity of the page.

Below is the html code from the web page that I used to create the template
along with the css attributes that pertain to the table. I've tested different
settings in the css, like setting a static pixel size to the table width, but I
lose liquidity that way and the cells still expand and contract based on the
amount of text.

Any help would be appreciated.


.story {
padding: 10px 0px 0px 10px;
font-size: 80%;
}

td.storyLeft{
padding-right: 12px;
}



<div class="story">
<table width="100%" cellpadding="0" cellspacing="0">
<tr valign="top">
<td class="storyLeft"> <p>
<a href="#" class="capsule">Capsule Story</a> Cras enim. Vestibulum
ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia
Curae; Ut eu augue. Integer risus wisi, semper eu, congue quis,
lobortis
ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque. Cras
lobortis. Aenean ut turpis eu libero volutpat euismod. <a
href="#">Donec</a> eget
lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a
elit.
Sed id mauris.
</p></td>
<td> <p>
<a href="#" class="capsule">Capsule Story</a> Cras enim. Vestibulum
ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia
Curae; Ut eu augue. Integer risus wisi, semper eu, congue quis,
lobortis
ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque. Cras
lobortis. Aenean ut turpis eu libero volutpat euismod. <a
href="#">Donec</a> eget
lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a
elit.
Sed id mauris.
</p></td>
</tr>
<tr valign="top">
<td class="storyLeft"> <p>
<a href="#" class="capsule">Capsule Story</a> Cras enim. Vestibulum
ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia
Curae; Ut eu augue. Integer risus wisi, semper eu, congue quis,
lobortis
ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque. Cras
lobortis. Aenean ut turpis eu libero volutpat euismod. <a
href="#">Donec</a> eget
lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a
elit.
Sed id mauris.
</p></td>
<td> <p>
<a href="#" class="capsule">Capsule Story</a> Cras enim. Vestibulum
ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia
Curae; Ut eu augue. Integer risus wisi, semper eu, congue quis,
lobortis
ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque. Cras
lobortis. Aenean ut turpis eu libero volutpat euismod. <a
href="#">Donec</a> eget
lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a
elit.
Sed id mauris.
</p></td>
</tr>

</table>
</div>

Halo Left Nav

Sorry - but I think this is a poor choice. So did Macromedia, as they were
removed in a subsequent version (DW8). It's a poor choice for a number of
reasons, one of which is that under certain circumstances, the menu will not
function at all. In addition the page code itself is fragile....

When creating a web page from this template, one has to enter text into
the 2
row 2 column table. In this table, when you put text into it, the size of
the
adjacent cell shrinks if the amount of text is less than that of the
current
cell you are working on.

This is how HTML tables work. It's especially true since your table is 100%
width. If one cell shrinks, the others must expand. You can't really have
it both ways, you know?

--
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
==================


"systechguy36" <webforumsuser (AT) macromedia (DOT) com> wrote

I am using Dreamweaver 2004 MX to create a template for the Marketing
Specialist so she can generate webpages.

I have modified one of the liquid css pages that came with DreamWeaver MX
(specifically "Halo Left Nav") to match her criteria and used this to
create
the template.

When creating a web page from this template, one has to enter text into
the 2
row 2 column table. In this table, when you put text into it, the size of
the
adjacent cell shrinks if the amount of text is less than that of the
current
cell you are working on.
I would like to accomplish a static table cell size, no matter what
amount
of text is in it, and still keep the liquidity of the page.

Below is the html code from the web page that I used to create the
template
along with the css attributes that pertain to the table. I've tested
different
settings in the css, like setting a static pixel size to the table width,
but I
lose liquidity that way and the cells still expand and contract based on
the
amount of text.

Any help would be appreciated.


.story {
padding: 10px 0px 0px 10px;
font-size: 80%;
}

td.storyLeft{
padding-right: 12px;
}



div class="story"
table width="100%" cellpadding="0" cellspacing="0"
tr valign="top"
td class="storyLeft"> <p
a href="#" class="capsule">Capsule Story</a> Cras enim.
Vestibulum
ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia
Curae; Ut eu augue. Integer risus wisi, semper eu, congue
quis,
lobortis
ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque.
Cras
lobortis. Aenean ut turpis eu libero volutpat euismod. <a
href="#">Donec</a> eget
lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a
elit.
Sed id mauris.
/p></td
td> <p
a href="#" class="capsule">Capsule Story</a> Cras enim.
Vestibulum
ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia
Curae; Ut eu augue. Integer risus wisi, semper eu, congue
quis,
lobortis
ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque.
Cras
lobortis. Aenean ut turpis eu libero volutpat euismod. <a
href="#">Donec</a> eget
lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a
elit.
Sed id mauris.
/p></td
/tr
tr valign="top"
td class="storyLeft"> <p
a href="#" class="capsule">Capsule Story</a> Cras enim.
Vestibulum
ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia
Curae; Ut eu augue. Integer risus wisi, semper eu, congue
quis,
lobortis
ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque.
Cras
lobortis. Aenean ut turpis eu libero volutpat euismod. <a
href="#">Donec</a> eget
lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a
elit.
Sed id mauris.
/p></td
td> <p
a href="#" class="capsule">Capsule Story</a> Cras enim.
Vestibulum
ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia
Curae; Ut eu augue. Integer risus wisi, semper eu, congue
quis,
lobortis
ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque.
Cras
lobortis. Aenean ut turpis eu libero volutpat euismod. <a
href="#">Donec</a> eget
lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a
elit.
Sed id mauris.
/p></td
/tr

/table
/div