Question about tables

**Wynd** · Feb 28th, 2001, 09:45 PM

Code:

<table>
<tr>
<td>Cell 1, 1</td>
<td>Cell 1, 2</td>
<td>Cell 1, 3</td>
<td>Cell 1, 4</td>
</tr>
</table>
<table>
<tr>
<td>Cell 2, 1</td>
<td>Cell 2, 2</td>
<td>Cell 2, 3</td>
<td>Cell 2, 4</td>
</tr>
</table>

Is there a way I can have these two tables next to each other, rather than one below the other?

**Danial** · Feb 28th, 2001, 10:51 PM

Hi Wynd,

Use the DIV tag, Place the Table inside the DIV Tag.

Code:

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

<body bgcolor="#FFFFFF">
<div id="Layer2" style="position:absolute; left:478px; top:75px; width:323px; height:33px"> 
  <table width="319" border="1">
    <tr>
      <td width="78">Cell 2, 1</td>
      <td width="78">Cell 2, 2</td>
      <td width="78">Cell 2, 3</td>
      <td width="78">Cell 2, 4</td>
    </tr>
  </table>
</div>
<div id="Layer1" style="position:absolute; left:24px; top:75px; width:329px; height:33px"> 
  <table width="319" border="1">
    <tr>
      <td width="78">Cell 1, 1</td>
      <td width="78">Cell 1, 2</td>
      <td width="78">Cell 1, 3</td>
      <td width="78">Cell 1, 4</td>
    </tr>
  </table>
</div>
</body>
</html>

**Jerry Grant** · Mar 1st, 2001, 04:07 AM

Or put them both in another table!

Code:

<html>
<head>
</head>
<body bgcolor="#FFFFFF">
<table> 
<tr>
<td>
  <table width="319" border="1">
    <tr>
      <td width="78">Cell 2, 1</td>
      <td width="78">Cell 2, 2</td>
      <td width="78">Cell 2, 3</td>
      <td width="78">Cell 2, 4</td>
    </tr>
  </table>
</td>
<td>
  <table width="319" border="1">
    <tr>
      <td width="78">Cell 1, 1</td>
      <td width="78">Cell 1, 2</td>
      <td width="78">Cell 1, 3</td>
      <td width="78">Cell 1, 4</td>
    </tr>
  </table>
</td>
</tr> 
</table>
</body>
</html>

**sail3005** · Mar 1st, 2001, 10:30 PM

today i made a nested table that was like 15 or 20 layers deep and it took like 5 minutes to load in NS.

Not to really help, just a little anecdote i guess.

Mar 2nd, 2001, 11:56 AM

sit and draw your table hierarchy on a bit of paper before you start. dreamweaver is quite good for constructing nested tables.

**Wynd** · Mar 3rd, 2001, 01:44 AM

Sail, thanks for showing me how

Mar 5th, 2001, 05:33 AM

or any given WYSIWYG editor. so much easier than trying to count pixels in raw HTML.

**skyfam** · Mar 8th, 2001, 02:00 AM

Dear wynd.
here is your solution you can make next to each other.
By using nested table that means one table in another table see this code<HTML>
<BODY >
<TABLE>
<TR>
<TD>
<TABLE border=1>
<TR>
<TD>Cell 1, 1</td>
<TD>Cell 1, 2</td>
<TD>Cell 1, 3</td>
<TD>Cell 1, 4</td>
</TR>
</TABLE>
</TD>
<TD>
<TABLE border=1>
<TR>
<TD>Cell 2, 1</td>
<TD>Cell 2, 2</td>
<TD>Cell 2, 3</td>
<TD>Cell 2, 4</td>
</TR>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>

good by and have a nice day
remember my in your pray.
thank you
if you want to contact me
[email protected]

Mar 8th, 2001, 09:15 AM

in a nest of tables (haha!) how do you align the inner tables to fill the cells of the parent table?

**sail3005** · Mar 8th, 2001, 05:08 PM

think of a parent table as a whole new document, if you want it to fit the size of the document, you use the width attribute:

Code:

width="100%"

if you need more help just ask...

**sail3005** · Mar 9th, 2001, 05:42 PM

if you post your code i would be more than happy to fiddle with it. I am not quite sure what you are doing wrong.

Mar 14th, 2001, 06:03 AM

thanks for the offer, sorry to ignore you, I've been really busy with other stuff at the moment. I'll refrain from posting it just yet, but if I'm still struggling later, I'll be sure to get back to you.

Thanks again

**sail3005** · Mar 14th, 2001, 07:53 AM

ok

Mar 20th, 2001, 09:17 PM

Behemoth:

sounds like you need to use the colspan in the <td>

<td colspan=3>

the number means how many columns you want the particular cell to span.
you can even use rowspan for the same effect but for rows.

Wynd:

if you just want the 2 tables next to each other then do it this way it is much easier:

Code:

<table align=left border=3>
<tr>
<td>Cell 1, 1</td>
<td>Cell 1, 2</td>
<td>Cell 1, 3</td>
<td>Cell 1, 4</td>
</tr>
</table>
<table align= left border=3>
<tr>
<td>Cell 2, 1</td>
<td>Cell 2, 2</td>
<td>Cell 2, 3</td>
<td>Cell 2, 4</td>
</tr>
</table>

but why have 2 tables if you are just going to have them next to each other? just make it one table? I know curiosity killed the cat.

Scoutt

Thread: Question about tables

Thread Tools

Display

nested tables eh...?

Solution of table

Posting Permissions