having tables side by side

**x[E]nOn** · Oct 22, 2006 04:13

i am having some nested table where by i have many tables in one big table this way:

Code:

<table name="bigtable"><tr><td>
<table name="table1"><tr><td>&nbsp;</td></tr></table>
<table name="table2"><tr><td>&nbsp;</td></tr></table>
</td></tr>
</table>

i want the table1 and table2 to be arranged side by side. but from the code i am having above, the table1 is shown with a line break. which means, table1 is on top of table2. i don't want it this way as i needed it to be side by side. how could i do that?

Thanks.

**coothead** · Oct 22, 2006 05:22

Hi there x[E]nOn,

does this help...

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
<!--
#bigtable {
    border:2px solid #999;
 }
#table1,#table2 {
    width:200px;
    border:1px solid #000;
    margin:5px;
    float:left;
}
-->
</style>

</head>
<body>

<table id="bigtable"><tr><td>
<table id="table1"><tr><td>table1</td></tr></table>
<table id="table2"><tr><td>table2</td></tr></table>
</td></tr>
</table>

</body>
</html>

coothead

**agajic** · Oct 22, 2006 05:23

Like this:

Code:

<table name="bigtable"><tr><td valign="top">
<table name="table1"><tr><td>&nbsp;</td></tr></table>
</td><td valign="top">
<table name="table2"><tr><td>&nbsp;</td></tr></table>
</td></tr>
</table>

Adam

User Tag List

Thread: having tables side by side

Thread Tools

Display

having tables side by side

Bookmarks

Bookmarks

Posting Permissions