Printable View
Is there a way I can have these two tables next to each other, rather than one below the other?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>
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>
Or put them both in another table!
:cool: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>
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.
:D
sit and draw your table hierarchy on a bit of paper before you start. dreamweaver is quite good for constructing nested tables.
Sail, thanks for showing me how :)
or any given WYSIWYG editor. so much easier than trying to count pixels in raw HTML.
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]
in a nest of tables (haha!) how do you align the inner tables to fill the cells of the parent table?
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:
if you need more help just ask...Code:width="100%"
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.
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 :D
ok
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:
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.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>
Scoutt