tables

B

Bacchus

Hi

I am trying to add a table with 4 rows. Each row needs to have different
columns. For instance 2 columns on the first row, where my logo will go in
the top left and a small graphic or text on the right. Both columns are not
centered perfectly. (left is larger for my logo) The second row right
underneath will have 6 columns of equal length where I want to add my
product images. The problem is, when I add 6 columns to the second row the
cells are never the same width.

Anyone know how I can get them to equal the same width. I tried to
distribute the columns evenly but that did nothing. It just keeps relating
to the row above with the 2 columns that is off center.

thanks
 
T

Trevor L.

Bacchus said:
Hi

I am trying to add a table with 4 rows. Each row needs to have
different columns. For instance 2 columns on the first row, where my
logo will go in the top left and a small graphic or text on the
right. Both columns are not centered perfectly. (left is larger for
my logo) The second row right underneath will have 6 columns of
equal length where I want to add my product images. The problem is,
when I add 6 columns to the second row the cells are never the same
width.

Anyone know how I can get them to equal the same width. I tried to
distribute the columns evenly but that did nothing. It just keeps
relating to the row above with the 2 columns that is off center.

thanks

You could try nesting the tables so that the second row has a single column
spanning the two columns above, inside which is a table in its own right.
This table can then have a different width for its columns. Each column
adjusts to the width of its contents.

I have added a border so that you can see the edges of each cell. This can
be removed.

<table border="1">
<tr>
<td>col 1 of a certain width</td>
<td>col 2 with a different width</td>
</tr>

<tr>
<td colspan="2">
<table border="1">
<tr>
<td>col 1 this is different again -wider than before</td>
<td>col 2 narrower</td>
<td>col 3 width is the middle somehwere</td>
<td>col 4 ------</td>
<td>col 5 --</td>
<td>col 6 ----------</td>
</tr>
</table>
</td>
</tr>

<tr>
</tr>
<tr>
</tr>
</table>

For equal width columns, change the nested table in the second row to add a
width paramater, e.g. width='50". All columns are then the same width and
their depth is that of the largest column.
<table border="1">
<tr>
<td width="50">col 1 this is different again -wider than before</td>
<td width="50">col 2 narrower</td>
<td width="50">col 3 width is the middle somehwere</td>
<td width="50">col 4 ------</td>
<td width="50">col 5 --</td>
<td width="50">col 6 ----------</td>
</tr>
</table>


--
Cheers,
Trevor L.
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/
----------------------------------------
 
B

Bacchus

thanks

How do you nest a table with Frontpage? Your help is appreciated



Trevor L. said:
Bacchus said:
Hi

I am trying to add a table with 4 rows. Each row needs to have
different columns. For instance 2 columns on the first row, where my
logo will go in the top left and a small graphic or text on the
right. Both columns are not centered perfectly. (left is larger for
my logo) The second row right underneath will have 6 columns of
equal length where I want to add my product images. The problem is,
when I add 6 columns to the second row the cells are never the same
width.

Anyone know how I can get them to equal the same width. I tried to
distribute the columns evenly but that did nothing. It just keeps
relating to the row above with the 2 columns that is off center.

thanks

You could try nesting the tables so that the second row has a single column
spanning the two columns above, inside which is a table in its own right.
This table can then have a different width for its columns. Each column
adjusts to the width of its contents.

I have added a border so that you can see the edges of each cell. This can
be removed.

<table border="1">
<tr>
<td>col 1 of a certain width</td>
<td>col 2 with a different width</td>
</tr>

<tr>
<td colspan="2">
<table border="1">
<tr>
<td>col 1 this is different again -wider than before</td>
<td>col 2 narrower</td>
<td>col 3 width is the middle somehwere</td>
<td>col 4 ------</td>
<td>col 5 --</td>
<td>col 6 ----------</td>
</tr>
</table>
</td>
</tr>

<tr>
</tr>
<tr>
</tr>
</table>

For equal width columns, change the nested table in the second row to add a
width paramater, e.g. width='50". All columns are then the same width and
their depth is that of the largest column.
<table border="1">
<tr>
<td width="50">col 1 this is different again -wider than before</td>
<td width="50">col 2 narrower</td>
<td width="50">col 3 width is the middle somehwere</td>
<td width="50">col 4 ------</td>
<td width="50">col 5 --</td>
<td width="50">col 6 ----------</td>
</tr>
</table>


--
Cheers,
Trevor L.
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/
 
T

Trevor L.

Bacchus said:
thanks

How do you nest a table with Frontpage? Your help is appreciated

Hmm,
I am not all that good with using Design view. You could try finding the
table, putting your cursor on the first column in the second row and using
insert Table. Then set up that table with the 6 coulmns. Then delete the
other columns on that row in the outer table

But the way that I would do it is:
Use the Code or HTML view,
Find the table,
Delete it completely
Paste in the code I have sent.

Eitehr way, you would then need to amend the various cells so that they
contain the content that you want.

If the page is already on a website, you can just post the URL and I will
find the code and see what needs amending.
Otherwise post the code here, I can alter it and post it back.
--
Cheers,
Trevor L.
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/
----------------------------------------
 
R

Ronx

An easier way (in this situation) is to use 2 tables:

<table width="100%" cellspacing="0" cellpadding="0">
<tr><td>logo here</td><td>whatever</td></tr>
</table>
<table width="100%" cellspacing="0" cellpadding="0">
<tr><td>..</td><td>..</td><td>..</td><td>..</td><td>..</td><td>..</td></tr>
</table>
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.
FrontPage Support: http://www.frontpagemvps.com/
http://www.rxs-enterprises.org/fp



thanks

How do you nest a table with Frontpage? Your help is appreciated



Trevor L. said:
Bacchus said:
Hi

I am trying to add a table with 4 rows. Each row needs to have
different columns. For instance 2 columns on the first row, where my
logo will go in the top left and a small graphic or text on the
right. Both columns are not centered perfectly. (left is larger for
my logo) The second row right underneath will have 6 columns of
equal length where I want to add my product images. The problem is,
when I add 6 columns to the second row the cells are never the same
width.

Anyone know how I can get them to equal the same width. I tried to
distribute the columns evenly but that did nothing. It just keeps
relating to the row above with the 2 columns that is off center.

thanks

You could try nesting the tables so that the second row has a single column
spanning the two columns above, inside which is a table in its own right.
This table can then have a different width for its columns. Each column
adjusts to the width of its contents.

I have added a border so that you can see the edges of each cell. This can
be removed.

<table border="1">
<tr>
<td>col 1 of a certain width</td>
<td>col 2 with a different width</td>
</tr>

<tr>
<td colspan="2">
<table border="1">
<tr>
<td>col 1 this is different again -wider than before</td>
<td>col 2 narrower</td>
<td>col 3 width is the middle somehwere</td>
<td>col 4 ------</td>
<td>col 5 --</td>
<td>col 6 ----------</td>
</tr>
</table>
</td>
</tr>

<tr>
</tr>
<tr>
</tr>
</table>

For equal width columns, change the nested table in the second row to add a
width paramater, e.g. width='50". All columns are then the same width and
their depth is that of the largest column.
<table border="1">
<tr>
<td width="50">col 1 this is different again -wider than before</td>
<td width="50">col 2 narrower</td>
<td width="50">col 3 width is the middle somehwere</td>
<td width="50">col 4 ------</td>
<td width="50">col 5 --</td>
<td width="50">col 6 ----------</td>
</tr>
</table>


--
Cheers,
Trevor L.
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/
 
B

Bacchus

yup. using the 2 table method here, Works well. thanks

--

Bubblefast Canada
Toronto, Ontario
Toll Free 1 877 599 (SHIP) 7447
Fax: 416 247 9884
www.bubblefastcanada.com
(e-mail address removed)
Ronx said:
An easier way (in this situation) is to use 2 tables:

<table width="100%" cellspacing="0" cellpadding="0">
<tr><td>logo here</td><td>whatever</td></tr>
</table>
<table width="100%" cellspacing="0" cellpadding="0">
</table>
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.
FrontPage Support: http://www.frontpagemvps.com/
http://www.rxs-enterprises.org/fp



thanks

How do you nest a table with Frontpage? Your help is appreciated



Trevor L. said:
Bacchus wrote:
Hi

I am trying to add a table with 4 rows. Each row needs to have
different columns. For instance 2 columns on the first row, where my
logo will go in the top left and a small graphic or text on the
right. Both columns are not centered perfectly. (left is larger for
my logo) The second row right underneath will have 6 columns of
equal length where I want to add my product images. The problem is,
when I add 6 columns to the second row the cells are never the same
width.

Anyone know how I can get them to equal the same width. I tried to
distribute the columns evenly but that did nothing. It just keeps
relating to the row above with the 2 columns that is off center.

thanks

You could try nesting the tables so that the second row has a single column
spanning the two columns above, inside which is a table in its own right.
This table can then have a different width for its columns. Each column
adjusts to the width of its contents.

I have added a border so that you can see the edges of each cell. This can
be removed.

<table border="1">
<tr>
<td>col 1 of a certain width</td>
<td>col 2 with a different width</td>
</tr>

<tr>
<td colspan="2">
<table border="1">
<tr>
<td>col 1 this is different again -wider than before</td>
<td>col 2 narrower</td>
<td>col 3 width is the middle somehwere</td>
<td>col 4 ------</td>
<td>col 5 --</td>
<td>col 6 ----------</td>
</tr>
</table>
</td>
</tr>

<tr>
</tr>
<tr>
</tr>
</table>

For equal width columns, change the nested table in the second row to
add
a
width paramater, e.g. width='50". All columns are then the same width and
their depth is that of the largest column.
<table border="1">
<tr>
<td width="50">col 1 this is different again -wider than
before said:
<td width="50">col 2 narrower</td>
<td width="50">col 3 width is the middle somehwere</td>
<td width="50">col 4 ------</td>
<td width="50">col 5 --</td>
<td width="50">col 6 ----------</td>
</tr>
</table>


--
Cheers,
Trevor L.
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top