[RESOLVED] Tables and Text area

hi guys, does anyone have any idea on how to achieve this, i have a table on the left side of my page and i want to put some text on the right side of the table.. how to do it? attached is the pic for the graphical layout...thanks... any help is greatly appreciated..

How many columns does your table have?

Quote:

---

Originally Posted by Nightwalker83

How many columns does your table have?

---

table is only 3 columns and 2 rows.. i want to put some text parallel to that table.. any ideas? :) thanks

Quote:

---

Originally Posted by JJJCR_FOX

table is only 3 columns and 2 rows.. i want to put some text parallel to that table.. any ideas? :) thanks

---

Add a 4th column to the table. And in that 4th column (TD) put a table and whatever inside it you want to have.
Or maybe add a parent table with just 2 columns - one column has the left side table, the other column has the right side text.

If you wrap the table in a div with relational positioning and a float of left, and then do the same to the content you want on the right of the table you can achieve the required result.

You will have to wrap both of the above divs in another div with absolute positioning, though.

Example:

Code:

---

<div id="main" style="position: absolute; top:100px; left:100px; border: 1px solid black;">
  <div style="float: left; position: relative;">
    <table width="200px" border="1">
    <tr><td>blahblah</td><td>testing</td><td>hmm</td></tr>
    <tr><td>blahblah</td><td>testing</td><td>hmm</td></tr>
    <tr><td>blahblah</td><td>testing</td><td>hmm</td></tr>
    <tr><td>blahblah</td><td>testing</td><td>hmm</td></tr>
  </table>
  </div>
  <div style="float:left; border: 1px solid black; position: relative;">Testing</div>
</div>

---

Quote:

---

Originally Posted by kfcSmitty

If you wrap the table in a div with relational positioning and a float of left, and then do the same to the content you want on the right of the table you can achieve the required result.

You will have to wrap both of the above divs in another div with absolute positioning, though.

Example:

Code:

---

<div id="main" style="position: absolute; top:100px; left:100px; border: 1px solid black;">
  <div style="float: left; position: relative;">
    <table width="200px" border="1">
    <tr><td>blahblah</td><td>testing</td><td>hmm</td></tr>
    <tr><td>blahblah</td><td>testing</td><td>hmm</td></tr>
    <tr><td>blahblah</td><td>testing</td><td>hmm</td></tr>
    <tr><td>blahblah</td><td>testing</td><td>hmm</td></tr>
  </table>
  </div>
  <div style="float:left; border: 1px solid black; position: relative;">Testing</div>
</div>

---

---

thanks for the input..i'll try it out.. :)

Quote:

---

Originally Posted by Pradeep1210

Add a 4th column to the table. And in that 4th column (TD) put a table and whatever inside it you want to have.
Or maybe add a parent table with just 2 columns - one column has the left side table, the other column has the right side text.

---

Hi, thanks for the reply.. yup..i can do what you suggested.. but the text i want to put it outside the table..i mean i like to make a separate filed..the text should not be a part of the table.. but anyways.. i'll try the suggestion of kfcsmitty.. :)