table and text. 1

borntorun · Nov 10, 2003

Guys,

I want to have a a menu bar down one side, and then to have the text to the right so that it can go all the way down the page.

My menu bar i want to be like a bit of tape.

I thought well i could do this with a table and text to the right of the table. How come i can only put text after the table? I don't want one big table as the text will eventually reach the bottom of the table.

I am Puzzled but apologies to the gurus?

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF" text="#000000">
<table width="10%" border="0">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td height="377"> </td>
</tr>
</table>
<div align="center">How </div>
</body>
</html>

deecee · Nov 10, 2003

what you should use is a 2 column system then if that is what you want

<table>
<tr>
<td>Menu Goes Here</td>
<td>Text goes here</td>
</tr>
</table>

In fact this is where you can nest you table --- so instead of "Menu Goes Here" you would replace with

<table>
<tr>
<td><a href="some link">menu item 1</a></td>
</tr>
<tr>
<td><a href="some link">menu item 2</a></td>
</tr>
<tr>
<td><a href="some link">menu item 3</a></td>
</tr>
<tr>
<td><a href="some link">menu item 4</a></td>
</tr>
</table>

and the same can go for the text area -- you would nest another table in there

<Signature>
Sometimes the Answer You Are LOOKING for can be FOUND BY SEARCHING THE FAQ'S @&%$*#!!!
</Signature>

borntorun · Nov 10, 2003

Yeah i thought about that but you are still limited by the depth of the table, correct me if i am wrong..

If that is the only way of doing it then i will pursue that.

I guess the only way other way of doing it is through frames.

deecee · Nov 10, 2003

are you trying to have a menu that is always there on the left?
if that is what you want you can use DIVS

Code:

<div id=&quot;menu&quot; style=&quot;position:absolute; left:0; top:0; width:100; height:300; z-index:1&quot;>
  <table width=&quot;100&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;2&quot;>
    <tr>
      <td>menu item 1</td>
    </tr>
    <tr>
      <td>menu item 2</td>
    </tr>
    <tr>
      <td>menu item 3</td>
    </tr>
    <tr>
      <td>menu item 4</td>
    </tr>
  </table>
</div>
<div id=&quot;content&quot; style=&quot;position:absolute; left:100px; top:0; width:400; height:300; z-index:2; overflow: auto;&quot;>
  <p>This
    content will scroll when the</p>
  <p>text</p>
  <p>exceeds</p>
  <p>300pixels in height.</p>
  <p>like now</p>
  <p>it should</p>
  <p>just start</p>
  <p>to</p>
  <p>scroll because</p>
  <p>that is </p>
  <p>how this</p>
  <p>works</p>
</div>

Notice how i set the content DIV to scroll --

<Signature>
Sometimes the Answer You Are LOOKING for can be FOUND BY SEARCHING THE FAQ'S @&%$*#!!!
</Signature>

deecee · Nov 11, 2003

did this work? am i way off? hello?

<Signature>
Sometimes the Answer You Are LOOKING for can be FOUND BY SEARCHING THE FAQ'S @&%$*#!!!
</Signature>

borntorun · Nov 11, 2003

Thanks. Sorry i have been doing something else but i will try it it later today. I appreciate your help.

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

table and text. 1

borntorun

MIS

deecee

Technical User

borntorun

MIS

deecee

Technical User

deecee

Technical User

borntorun

MIS

Similar threads

Part and Inventory Search

Sponsor