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...
Hear how Yahoo! Groups has changed the lives of others. Take me there.

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
Re: [PioNet] RE: center tables PLUS EEK!   Message List  
Reply | Forward Message #885 of 912 |
Re: center tables

It was recommended I try...

<table align="center">
...
</table>

...but I couldn't get it to work. But googling the tag got me a neat
page with script that did the job...

Center a table with CSS
http://www.granneman.com/webdev/coding/css/centertables/


div.container {width:98%; margin:1%;}
table.center {text-align:center; margin-left:auto; margin-right:auto;
width:970px; padding:10px}
tr,td {text-align:left;}




And for the multiple column tables what worked best for me was from...

Source Ordered Columns
http://www.positioniseverything.net/ordered-floats.html


<div class="rigid">

<h2>Header</h2>

<div class="float-wrapper-rigid">

<div class="first-float-rigid">
<p>One One One One One One One One One</p>
</div>

<div class="second-float-rigid">
<p>Two Two Two Two Two Two</p>
</div>

</div>

<div class="third-float-rigid">
<p>Three Three Three Three Three</p>
</div>

<p class="clearfooter>Clearing Footer</p>

</div>


The CSS:

.rigid {width: 600px; margin: 0 auto;}

.float-wrapper-rigid {float: left; width: 450px;}
/*** This can be floated left or right ***/

.first-float-rigid {float: right; width: 300px;}
/*** This must be floated opposite
to .second-float ***/

.second-float-rigid {float: left; width: 150px;}
/*** This must be floated opposite
to .first-float ***/

.third-float-rigid {float: right; width: 150px;}
/*** This must be floated opposite
to .float-wrap ***/

.clearfooter {clear: both;}

p {padding: 10px;}


Michael







--- In BbshopWebGuild@yahoogroups.com, "Michael Baribeau"
<michaelbaribeau@...> wrote:
>
> So, I fianly found a 3 column table that does the job I want in most
> browsers. But I also have an html table I want to keep and am having
> trouble centering again in IE (firefox ok). Not sure why it won't
> work this time. If I force a <center> tag in I can get the html to
> center in IE but then none of the static photos will display. Any
> ideas?
>
> http://pioneerdistrict.org/troubadour/
>
> Michael
>
>
>
>
> --- In BbshopWebGuild@yahoogroups.com, Michael Baribeau
> <michaelbaribeau@> wrote:
> >
> > .
> > LOL, sorry fellas!
> >
> > I thought I was posting to a newsgroup called the Barbershop
> Webmasters Guild, a great bunch of barbershop geeks from all over the
> country who have been a huge help with our chorus website. If your
> working on a website and have questions come join up with us!
> BbshopWebGuild-subscribe@yahoogroups.com
> >
> >
> > Michael Baribeau
> > Webmaster@
> > http://GreatLakesChorus.org
> > Grand Rapids, MI
> >
> >
> >
> >
> >
> >
> >
> > Michael Baribeau <michaelbaribeau@> wrote:
> > Thank you Jerome Gobuyan, Stephen Volkmann, and David
> Maxwell for your contributions!
> >
> > I'm just a novice with more enthusiasm then knowledge but I'm
> learning. I'm fuzzy on html and don't know much about css. I'm using
> the free Nvu wysiwyg html editor.
> >
> > Since CSS has been recommended I'm trying both an html and css
> version. I'm in the dark about the css (if you know a good free css
> editor please let me know) but I'm giving it a shot.
> >
> > Both versions look fine with Firefox but in IE a few different
> things go wrong with the CSS version. BTW, I do want the table sizes
> at a set value.
> >
> > CSS version in IE the margins are suppose to be 10px and appear to
> be correct in the lower tables but not the top table, the margin is
> too narrow around the top logo photo and the blue bar with text below
> it. It all looked ok in the editor and again worked fine in Firefox
> (and ok with the the html version).
> >
> > CSS verison in IE the lower tables I want centered side by side but
> if I set both to center then one goes to the bottom so for now I have
> one set to center and one set to left. Can't figure how to get around
> that.
> >
> > CSS version in IE when the browser window is reduced to the Restore
> Down size the right lower table is moved to beneath the lower left
> table (didn't look for this in Firefox).
> >
> > For both CSS and HTML in some PCs with IE the text in the top blue
> bar is the wrong size and makes two lines of text instead of one so
> I'm thinking of just getting a screen shot of it and putting it in as
> an image instead.
> >
> > Here's the two versions, any input appreciated...
> >
> > HTML
> > http://greatlakeschorus.org/Troubadour10y.html
> >
> > CSS
> > http://greatlakeschorus.org/Troubadour15.html
> >
> >
> > Michael Baribeau
> > Webmaster@
> > http://GreatLakesChorus.org
> > Grand Rapids, MI
> >
> >
> > ---------------------------------
> > Be a better sports nut! Let your teams follow you with Yahoo Mobile.
> Try it now.
> >
> > [Non-text portions of this message have been removed]
> >
> >
> >
> >
> >
> >
> > ---------------------------------
> > Be a better pen pal. Text or chat with friends inside Yahoo! Mail.
> See how.
> >
> > [Non-text portions of this message have been removed]
> >
>





Sun Dec 23, 2007 2:56 pm

michaelbaribeau
Offline Offline
Send Email Send Email

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

. LOL, sorry fellas! I thought I was posting to a newsgroup called the Barbershop Webmasters Guild, a great bunch of barbershop geeks from all over the country...
Michael Baribeau
michaelbaribeau
Offline Send Email
Nov 17, 2007
1:54 am

A great free resource for html code instruction is PageTutor.com. On that site, you can run (online) or download for free, a great tutorial on all the basic...
Steve Sutherland
ssutherland2...
Offline Send Email
Nov 18, 2007
5:27 am

So, I fianly found a 3 column table that does the job I want in most browsers. But I also have an html table I want to keep and am having trouble centering...
Michael Baribeau
michaelbaribeau
Offline Send Email
Dec 18, 2007
11:45 am

It was recommended I try... <table align="center"> ... </table> ...but I couldn't get it to work. But googling the tag got me a neat page with script that did...
Michael Baribeau
michaelbaribeau
Offline Send Email
Dec 23, 2007
2:56 pm
Advanced

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