I've been searching for code that will allow changes to one table not
effect the adjacent side by side one and finally found this codes that
does that!
<div style="width:970px; vertical-align:top;">
<div style="width:485px; float:left;"><table
width="100%"><tr><td>Table 1</td></tr></table><table
width="100%"><tr><td>Table 2</td></tr></table></div>
<div style="width:485px; float:right;"><table
width="100%"><tr><td>Table 3</td></tr></table></div>
<br style="clear:both;" />
</div>
But I can't figure how to get it to center on the page, right now the
tables align to the left of the page. Any ideas?
http://greatlakeschorus.org/Troubadour10.html
Michael Baribeau
Webmaster@...
http://GreatLakesChorus.org
Grand Rapids, MI
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Troubadour</title>
</head>
<body
style="color: rgb(0, 0, 0); background-color: rgb(51, 51, 255);"
alink="#000099" link="#000099" vlink="#990099">
<div style="text-align: center;"> <br>
</div>
<table
style="background-color: White; width: 970px; text-align: left;
margin-left: auto; margin-right: auto;"
border="1" cellpadding="10" cellspacing="0">
<tbody>
<tr>
<td colspan="6" align="center" valign="top"><img
style="height: 169px; width: 970px;" alt="Troubadour Title"
src="troubsign2.JPG" align="middle"></td>
</tr>
<tr style="font-weight: bold; color: rgb(255, 255, 255);">
<td colspan="6"
style="vertical-align: top; text-align: center; background-color:
rgb(255, 255, 255);"><big
style="font-family: Helvetica,Arial,sans-serif;"><big><span
style="background-color: rgb(51, 51, 255);">
<small><big>Barbershop
Harmony Society's Pioneer Distict News for Michigan &
Ontario</big></small>
</span></big></big><br>
</td>
</tr>
<tr align="center">
<td colspan="6" valign="top"><big
style="font-style: italic;"><span
style="font-weight: bold;"><big>January 2008</big>
</span></big><big style="font-style: italic;"><span
style="font-weight: bold;"></span></big><big
style="font-family: Helvetica,Arial,sans-serif;"><a
href="
http://GreatLakesChorus.org">Archive</a> | <a
href="
http://GreatLakesChorus.org">Contact</a>
| <a href="
http://GreatLakesChorus.org">Submissions</a></big><big
style="font-style: italic;"><span
style="font-weight: bold;">
<big>Online Edition #1</big></span></big><big><span
style="font-weight: bold;"></span></big></td>
</tr>
</tbody>
</table>
<div style="text-align: center;"><br>
<div style="width: 970px; vertical-align: top;">
<div style="width: 485px; float: left;">
<table
style="width: 100%; text-align: left; margin-left: auto;
margin-right: auto;"
cellpadding="10">
<tbody>
<tr>
<td style="background-color: rgb(255, 255, 255);">Table
1</td>
</tr>
</tbody>
</table>
<table
style="width: 100%; text-align: left; margin-left: auto;
margin-right: auto;"
cellpadding="10">
<tbody>
<tr>
<td style="background-color: rgb(255, 255, 255);">Table
2</td>
</tr>
</tbody>
</table>
</div>
<div style="width: 485px; float: right;">
<table
style="width: 100%; text-align: left; margin-left: auto;
margin-right: auto;"
cellpadding="10">
<tbody>
<tr>
<td style="background-color: rgb(255, 255, 255);">Table
3</td>
</tr>
</tbody>
</table>
</div>
<br style="clear: both;">
</div>
<br>
<br>
</div>
<br>
<br>
</body>
</html>
Having problems with message search?
Fill out this form to ensure your group is one of the first to be migrated to the new message search system.
Offline 
Send Email