Search the web
Sign In
New User? Sign Up
BbshopWebGuild · Barbershop Webmasters Guild
? Already a member? Sign in to Yahoo!

Yahoo! Groups Tips

Did you know...
Real people. Real stories. See how Yahoo! Groups impacts members worldwide.

Best of Y! Groups

   Check them out and nominate your group.
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.

Messages

  Messages Help
Advanced
centering tables   Message List  
Reply | Forward Message #878 of 912 |
RE: {Disarmed} [BbshopWebGuild] Re: centering tables

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]




Thu Nov 15, 2007 11:49 pm

fenioustrader
Offline Offline
Send Email Send Email

Forward
Message #878 of 912 |
Expand Messages Author Sort by Date

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...
Michael Baribeau
michaelbaribeau
Online Now Send Email
Nov 15, 2007
4:58 pm

... This seemed to work: http://www.thescripts.com/forum/thread100046.html Basically you need to put "margin-left: auto; margin-right: auto;" to the first div...
Jerome Gobuyan
gobuyanjer
Offline Send Email
Nov 15, 2007
6:37 pm

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...
Stephen Volkmann
fenioustrader
Offline Send Email
Nov 15, 2007
11:49 pm

Just to clarify, the margin style definitions go into the outer <div> tag, The outer <div> container is what gets centered relative to the page. The inner...
Jerome Gobuyan
gobuyanjer
Offline Send Email
Nov 16, 2007
5:16 am
Advanced

Copyright © 2009 Yahoo! Inc. All rights reserved.
Privacy Policy - Terms of Service - Guidelines - Help