trouble with tables--how to get 2 side by side?

  • Thread starter Thread starter Julia
  • Start date Start date
J

Julia

Hi,

I am having quite a bit of trouble with tables and could
use some help.

I am trying to create a navigation bar on the right side
of my screen, with space for the body on the left (just
like a very standard web layout--see my site at
www.birthrootsdoulas.com/sample.htm).

The only way I can figure to do this is to create one
large table with 2 columns--one for the navigation bar,
and one for the body of the site, but this is causing all
sorts of trouble with the placement of the tables on the
page. In particular, when I get too much text in one
side or the other, the placement of the table relative to
the top of the page gets all screwed up. Essentially,
the tables won't stay put as I add in text. If there is
a better way, please tell me!

I would like to simply have two separate tables side by
side, because I think the fact that they are linked is
the source of all my problems, but I can't figure out how
to do it!

Please help!

Julia
 
Create a single table with your two columns, set cell alignment to top and
left, then in the left column, insert another table for your navigation.

--

==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, Forums, WebCircle,
MS KB Quick Links, etc.
==============================================
 
Thanks for your reply. I have tried that repeatedly
without any results. No matter what happens, if I add
too much text in the righthand column, the left hand
column "drags" down and I'm left with a big space between
the top and the column.

Any other suggestions?
Thanks,
Julia
 
Copy the following table code into notepad, then open a new page in FP,
switch to HTML view and then copy and paste between the <body>code</body>
tags:

<table border="0" cellpadding="0" cellspacing="0" width="750">
<tr>
<td width="200" valign="top" align="left">
<table border="0" cellpadding="0" cellspacing="0" width="180">
<tr>
<td width="100%" valign="middle" align="center">Nav link 1</td>
</tr>
<tr>
<td width="100%" valign="middle" align="center">Nav link 2</td>
</tr>
<tr>
<td width="100%" valign="middle" align="center">Nav link 3</td>
</tr>
<tr>
<td width="100%" valign="middle" align="center">Nav link 4</td>
</tr>
</table>
</td>
<td width="550" valign="top" align="right">
<table border="0" cellpadding="0" cellspacing="0" width="98%"
height="150">
<tr>
<td width="100%" height="150" valign="middle" align="bottom">Main
page content</td>
</tr>
</table>
</td>
</tr>
</table>


==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, Forums, WebCircle,
MS KB Quick Links, etc.
==============================================
 
-----Original Message-----
Hi,

I am having quite a bit of trouble with tables and could
use some help.

I am trying to create a navigation bar on the right side
of my screen, with space for the body on the left (just
like a very standard web layout--see my site at
www.birthrootsdoulas.com/sample.htm).

The only way I can figure to do this is to create one
large table with 2 columns--one for the navigation bar,
and one for the body of the site, but this is causing all
sorts of trouble with the placement of the tables on the
page. In particular, when I get too much text in one
side or the other, the placement of the table relative to
the top of the page gets all screwed up. Essentially,
the tables won't stay put as I add in text. If there is
a better way, please tell me!

I would like to simply have two separate tables side by
side, because I think the fact that they are linked is
the source of all my problems, but I can't figure out how
to do it!

Please help!

Julia

.Hello,
Click to expand...
here is a couple of ideas, first go and create a picture
with all you need in it and create hot spots with links,
or take a look aat ( web style3/ that is a grat add on
for front page that creates all kinds of things with
little effort, and you can have a pop out window with all
the text you need, you may have to play with this until
you know it to do that.
visit http://www.accesfrance.com ( still under
construction but it will give you an idea..
Hope it helps
Gerard.>
 
If you don't try what Thomas suggests, the culprit on your present table
appears to be the table cell set for 20% width. That's the left side
cell of a two column table that contains your navigation. The cell the
nav table is set inside has no valign assigned for content within it.
Middle is default and that's what you're getting. The cell html should
look like this when you're done
<td width="20%" valign="top">. That will bring the navigation table
to the top of the table it's nested in.

Make sure to remove all the empty paragraphs you've added to the bottom
of the large outer left cell.

BTW you have at least one badly named file that contains spaces in the
name. Think it was the one for your logo.

hth
 
Or float your tables

Copy below into html view in a new page

<div align="center">
<table border="0" cellspacing="0" width="50%" align="left">
<tbody><tr>
<td>&nbsp;&nbsp;</td>
</tr></tbody></table>
<table border="0" cellspacing="0" width="50%" align="right">
<tbody><tr>
<td>&nbsp;&nbsp;</td>
</tr></tbody></table>
</div>


--



| Create a single table with your two columns, set cell alignment to top and
| left, then in the left column, insert another table for your navigation.
|
| --
|
| ==============================================
| Thomas A. Rowe (Microsoft MVP - FrontPage)
| WEBMASTER Resources(tm)
|
| FrontPage Resources, Forums, WebCircle,
| MS KB Quick Links, etc.
| ==============================================
| To assist you in getting the best answers for FrontPage support see:
| http://www.net-sites.com/sitebuilder/newsgroups.asp
|
| | > Hi,
| >
| > I am having quite a bit of trouble with tables and could
| > use some help.
| >
| > I am trying to create a navigation bar on the right side
| > of my screen, with space for the body on the left (just
| > like a very standard web layout--see my site at
| > www.birthrootsdoulas.com/sample.htm).
| >
| > The only way I can figure to do this is to create one
| > large table with 2 columns--one for the navigation bar,
| > and one for the body of the site, but this is causing all
| > sorts of trouble with the placement of the tables on the
| > page. In particular, when I get too much text in one
| > side or the other, the placement of the table relative to
| > the top of the page gets all screwed up. Essentially,
| > the tables won't stay put as I add in text. If there is
| > a better way, please tell me!
| >
| > I would like to simply have two separate tables side by
| > side, because I think the fact that they are linked is
| > the source of all my problems, but I can't figure out how
| > to do it!
| >
| > Please help!
| >
| > Julia
| >
|
|
 
Back
Top