Done - Align Footer Tables

[tunescool]

thenotablenook.freemessageboards.com

i have tables in my footers that end up aligned to the left of the window and not centered in v5

could someone center it




<table width="1300px" cellpadding="4" cellspacing="1" align="center" class="bordercolor">
<tr>
<td width="30%" class="menutable" vAlign="top" style="padding-left:10px;" style="margin 1px">
<font size=1>
<b>

<a href="http://thenotablenook.com/index.cgi?board=butt&action=display&thread=6223" target="_blank"><b>Buy Or Exchange A Text Link Here</b></a><br/>
<a href="http://forumbytunes.proboards.com" target="_blank"><b>Forum By Tunes/A General Forum</b></a><br/>
<a href="http://www.seoclerks.com/linkin/11246" target="_blank"><b>Buy Or Sell Internet Stuff</b></a><br/>
<a href="http://www.freemoviesonline4u.net" target="_blank"><b>Free Movies Online</b></a><br/>
<a href="http://shoppingrealmoney.com" target="_blank"><b>Save Money With Real Money Shopping</b></a><br/>




</font>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
</td>
<td width="52%" class="menutable" vAlign="top" style="padding-left:10px;">



</td>
<td width="18%" class="menutable" vAlign="top" style="padding-left:10px;">


<br/>
<br/>
<br/>

<center>
<!-- BEGIN TOP SITE LIST PLANET VOTING CODE -->
<font size=2><b><a href="http://forum.top-site-list.com/vote2695.html">Vote For The Notable Nook<br>
At Top Forums</a><br></b></font>
<font size=1><a href="http://www.top-site-list.com/"><b>Top Sites</b></a></font>
<!-- END TOP SITE LIST PLANET VOTING CODE -->
</center>

<div align="right">

<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="medium"></g:plusone>

<!-- Place this render call where appropriate -->
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script> <a href="https://twitter.com/share" class="twitter-share-button" data-text="Celebrity Pic Forum Updated Daily" data-count="horizontal" data-via="thenotablenook">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>

</div>
</td>
</tr>
<tr>
</table>
<table width="1300px" class="menutable" cellspacing="1" align="center"><tr><td class="table" style="background-image: url(http://i709./ww95/tunescool/nook/888294ForumBackground.jpg );" align="center">

[TranceInside]

I had to clean up some of the HTML in order to make this work in the way you wanted it to. I tested it out and it centers everything correctly.

<table width="100%" cellpadding="4" cellspacing="1" class="bordercolor">
<tr>
<td width="100%" class="menutable" vAlign="top" align="center" style="padding-left:10px;" style="margin 1px">
<font size=1>
<b>

<a href="http://thenotablenook.com/index.cgi?board=butt&action=display&thread=6223" target="_blank"><b>Buy Or Exchange A Text Link Here</b></a><br/>
<a href="http://forumbytunes.proboards.com" target="_blank"><b>Forum By Tunes/A General Forum</b></a><br/>
<a href="http://www.seoclerks.com/linkin/11246" target="_blank"><b>Buy Or Sell Internet Stuff</b></a><br/>
<a href="http://www.freemoviesonline4u.net" target="_blank"><b>Free Movies Online</b></a><br/>
<a href="http://shoppingrealmoney.com" target="_blank"><b>Save Money With Real Money Shopping</b></a><br/>




</font>
</td>
</tr>
<tr>
<td align="center"><br />
<!-- BEGIN TOP SITE LIST PLANET VOTING CODE -->
<font size=2><b><a href="http://forum.top-site-list.com/vote2695.html">Vote For The Notable Nook<br>
At Top Forums</a><br></b></font>
<font size=1><a href="http://www.top-site-list.com/"><b>Top Sites</b></a></font>
<!-- END TOP SITE LIST PLANET VOTING CODE --><br /><br />


<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="medium"></g:plusone>

<!-- Place this render call where appropriate -->
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script> <a href="https://twitter.com/share" class="twitter-share-button" data-text="Celebrity Pic Forum Updated Daily" data-count="horizontal" data-via="thenotablenook">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>

</td>
</tr>
<tr>
</table>
<table width="100%" class="menutable" cellspacing="1" align="center"><tr><td class="table" style="background-image: url(http://i709./ww95/tunescool/nook/888294ForumBackground.jpg );" align="center">

Edit: Not sure why the last table works without the closing tags because it doesn't with them.

[tunescool]

this isnt rite

the top 2 tds are different now, the links are supposed to be aligned to the left and the google and twitter are supposed to be on the rite in the same row

you changed the width to 100% which doesnt center it it just goes the full page. i want it at 1300px centered with the rest of my forum

[TranceInside]

Just change it back to the right width. When I changed it, it still stretched it to what you had. You said you wanted the table centered, so I centered it, sorry. I'll work on it again.

[Shorty]

just add <div align="center"> before it and </div> after it.

[tunescool]

thanks shorty, it was fine in 4.5 but needed the div in v5 for whatever reason

but theyre not connected anymore, i had them together

[Shorty]

What isn't connected?

[tunescool]

the table with the links and the bottom table, it looks stupid i know, my backgounds black, i need the table around the proboards links because its black





heres what i have




<div align="center">
<table width="1298px" cellpadding="4" cellspacing="1" align="center" class="bordercolor">
<tr>
<td width="30%" class="menutable" vAlign="top" style="padding-left:10px;">
<b>

<a href="http://thenotablenook.com/index.cgi?board=butt&action=display&thread=6223" target="_blank">Buy Or Exchange A Text Link Here</a><br/>
<a href="http://forumbytunes.proboards.com" target="_blank">Forum By Tunes/A General Forum</a><br/>
<a href="http://www.seoclerks.com/linkin/11246" target="_blank">Buy Or Sell Internet Stuff</a><br/>
<a href="http://www.freemoviesonline4u.net" target="_blank">Free Movies Online</a><br/>
<a href="http://shoppingrealmoney.com" target="_blank">Save Money With Real Money Shopping</a><br/>



</b>
</td>
<td width="52%" class="menutable" vAlign="top" style="padding-left:10px;">



</td>
<td width="18%" class="menutable" vAlign="top" style="padding-left:10px;">


<br/>
<br/>
<br/>

<center>
<!-- BEGIN TOP SITE LIST PLANET VOTING CODE -->
<font size=2><b><a href="http://forum.top-site-list.com/vote2695.html">Vote For The Notable Nook<br>
At Top Forums</a><br></b></font>
<font size=1><a href="http://www.top-site-list.com/"><b>Top Sites</b></a></font>
<!-- END TOP SITE LIST PLANET VOTING CODE -->
</center>

<div align="right">

<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="medium"></g:plusone>

<!-- Place this render call where appropriate -->
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script> <a href="https://twitter.com/share" class="twitter-share-button" data-text="Celebrity Pic Forum Updated Daily" data-count="horizontal" data-via="thenotablenook">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>

</div>
</td>
</tr>
</table>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>

<table width="1300px" class="menutable" cellspacing="1" align="center"><tr><td class="table" style="background-image: url(http://i709./ww95/tunescool/nook/888294ForumBackground.jpg );" align="center">




<!-- Start of StatCounter Code -->
<script type="text/javascript">
var sc_project=6097241;
var sc_invisible=1;
var sc_security="9d9b2c4c";
</script>

<script type="text/javascript"
src="http://www.statcounter.com/counter/counter.js"></script><noscript><div
class="statcounter"><a title="hit counter for tumblr"
href="http://www.statcounter.com/tumblr/"
target="_blank"><img class="statcounter"
src="http://c.statcounter.com/6097241/0/9d9b2c4c/1/"
alt="hit counter for tumblr" ></a></div></noscript>
<!-- End of StatCounter Code -->



<meta name="google-site-verification" content="JVm3xbddKjBz9nbdbjNVbXTt3NCdHwXg73fb1BKIwxQ" />

<script type="text/javascript">

 var _gaq = _gaq || [];
 _gaq.push(['_setAccount', 'UA-18366949-2']);
 _gaq.push(['_setDomainName', 'thenotablenook.com']);
 _gaq.push(['_trackPageview']);

 (function() {
   var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
   ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 })();

</script>
</div>