Michael, note the style in the table <td Style.> copy this to your editor
and note the text is now centered in each cell. I turned on the border for
one of the cells just as reference.
Regards,
Stephen Volkmann
Webmaster, LEAD Chair of Singing Valentines
The Barrie County Chordsmen
<html>
<head>
<title>Untitled</title>
</head>
<body>
<div style="width:970px; vertical-align:top;">
<div style="width:485px; float:left;">
<table border="1" align="center" width="100%">
<tr>
<td style="text-align:center;">Table 1</td>
</tr>
</table>
<table width="100%">
<tr>
<td style="text-align:center;">Table 2</td>
</tr>
</table>
</div>
<div style="width:485px; float:right;">
<table width="100%">
<tr>
<td style="text-align:center;">Table 3</td>
</tr>
</table>
</div>
<br style="clear:both;" />
</div>
</body>
</html>
Regards,
Stephen
(705) 719-2407
-----Original Message-----
From: BbshopWebGuild@yahoogroups.com [mailto:BbshopWebGuild@yahoogroups.com]
On Behalf Of Jerome Gobuyan
Sent: Thursday, November 15, 2007 1:37 PM
To: BbshopWebGuild@yahoogroups.com
Subject: {Disarmed} [BbshopWebGuild] Re: centering tables
--- In BbshopWebGuild@ <mailto:BbshopWebGuild%40yahoogroups.com>
yahoogroups.com, "Michael Baribeau"
<michaelbaribeau@...> wrote:
>
> 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://greatlakesch <http://greatlakeschorus.org/Troubadour10.html>
orus.org/Troubadour10.html
>
> Michael Baribeau
> Webmaster@...
> http://GreatLakesCh <http://GreatLakesChorus.org> orus.org
> Grand Rapids, MI
>
>
This seemed to work:
http://www.thescrip <http://www.thescripts.com/forum/thread100046.html>
ts.com/forum/thread100046.html
Basically you need to put "margin-left: auto; margin-right: auto;" to
the first div style.
Jerome Gobuyan
--
This message has been scanned for viruses and
dangerous content by <http://www.vpnetworks.ca/> VPNetworks(11), and is
believed to be clean.
[Non-text portions of this message have been removed]