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 #877 of 912 |
Re: centering tables

--- In BbshopWebGuild@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://greatlakeschorus.org/Troubadour10.html
>
> Michael Baribeau
> Webmaster@...
> http://GreatLakesChorus.org
> Grand Rapids, MI
>
>

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 style.

Jerome Gobuyan




Thu Nov 15, 2007 6:37 pm

gobuyanjer
Online Now Online Now
Send Email Send Email

Forward
Message #877 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
Offline 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
Online Now 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
Online Now Send Email
Nov 16, 2007
5:16 am
Advanced

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