3 replies [Last post]
drw285
drw285's picture
Offline
Regular
Orange County, CA
Last seen: 2 years 7 weeks ago
Orange County, CA
Timezone: GMT-7
Joined: 2010-01-21
Posts: 18
Points: 25

For some reason I can't get the main table to center in the page. I've used auto margins, but something isn't clicking. Though the site is designed in tables, I merely wish to implement a center for the whole page. Any tips?
Thanks.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
 
<Title>New York Wedding | Band New Jersey Wedding Band | CT Wedding Band | High Society Rhythm</Title>
<Meta name="Title" content="New York Wedding | Band New Jersey Wedding Band | CT Wedding Band | High Society Rhythm">
<Meta name="description" content="High Society Rhythm is an elegant wedding and corporate event band in New York, New Jersey and Connecticut. We specialize in music for your event that includes swing, standards, Motown, disco, dance favorites, rock-n-roll and more.">
<Meta name="keywords" content="New York Wedding Band, NY Wedding Band, New Jersey Wedding Band, NJ Wedding Band, Connecticut Wedding Band, CT Wedding Band, Westchester Wedding Band, Commitment Ceremony Music">
 
 
 
<!-- ImageReady Preload Script (hsr-whitenav.psd) -->
<SCRIPT TYPE="text/javascript">
<!--
 
function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}
 
function changeImages() {
	if (document.images && (preloadFlag == true)) {
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
		}
	}
}
 
var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		hsr_nav_02_over = newImage("images/hsr-nav_02-over.gif");
		hsr_nav_03_over = newImage("images/hsr-nav_03-over.gif");
		hsr_nav_04_over = newImage("images/hsr-nav_04-over.gif");
		hsr_nav_05_over = newImage("images/hsr-nav_05-over.gif");
		hsr_nav_06_over = newImage("images/hsr-nav_06-over.gif");
		hsr_nav_07_over = newImage("images/hsr-nav_07-over.gif");
		hsr_nav_08_over = newImage("images/hsr-nav_08-over.gif");
		hsr_nav_09_over = newImage("images/hsr-nav_09-over.gif");
		hsr_nav_10_over = newImage("images/hsr-nav_10-over.gif");
		preloadFlag = true;
	}
}
 
// -->
</SCRIPT>
<!-- End Preload Script -->
 
<link href="stylesheet.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
a:link {
	color: #FFFFFF;
}
.hidden {
	color: #000;
}
-->
</style>
</head>
<body>
 
<table  class="center" border="0" cellpadding="0" cellspacing="0">
  <tr> 
    <td width="73" background="images/curtain-left.jpg">&nbsp;</td>
    <td background="images/curtain-top.jpg"><img src="images/curtain-top.jpg" width="132" height="72"></td>
    <td width="70" background="images/curtain-right.jpg">&nbsp;</td>
  </tr>
  <tr> 
    <td width="73" valign="top" background="images/curtain-left.jpg"><img src="images/curtain-left.jpg" width="73" height="117"></td>
    <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="10">
        <tr> 
          <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr> 
                <td width="205" align="left" valign="top" background="images/column-back.jpg"><TABLE WIDTH=205 BORDER=0 CELLPADDING=0 CELLSPACING=0>
                    <TR> 
                      <TD> <IMG SRC="images/hsr-nav_01.gif" WIDTH=205 HEIGHT=215 ALT=""></TD>
                    </TR>
                    <TR> 
                      <TD> <A HREF="index.php"
				ONMOUSEOVER="changeImages('hsr_nav_02', 'images/hsr-nav_02-over.gif'); return true;"
				ONMOUSEOUT="changeImages('hsr_nav_02', 'images/hsr-nav_02.gif'); return true;"> 
                        <IMG NAME="hsr_nav_02" SRC="images/hsr-nav_02.gif" WIDTH=205 HEIGHT=32 BORDER=0 ALT=""></A></TD>
                    </TR>
                    <TR> 
                      <TD> <A HREF="corporate.html"
				ONMOUSEOVER="changeImages('hsr_nav_03', 'images/hsr-nav_03-over.gif'); return true;"
				ONMOUSEOUT="changeImages('hsr_nav_03', 'images/hsr-nav_03.gif'); return true;"> 
                        <IMG NAME="hsr_nav_03" SRC="images/hsr-nav_03.gif" WIDTH=205 HEIGHT=31 BORDER=0 ALT=""></A></TD>
                    </TR>
                    <TR> 
                      <TD> <A HREF="weddings.html"
				ONMOUSEOVER="changeImages('hsr_nav_04', 'images/hsr-nav_04-over.gif'); return true;"
				ONMOUSEOUT="changeImages('hsr_nav_04', 'images/hsr-nav_04.gif'); return true;"> 
                        <IMG NAME="hsr_nav_04" SRC="images/hsr-nav_04.gif" WIDTH=205 HEIGHT=31 BORDER=0 ALT=""></A></TD>
                    </TR>
                    <TR> 
                      <TD> <A HREF="commitment_ceremonies.html"
				ONMOUSEOVER="changeImages('hsr_nav_05', 'images/hsr-nav_05-over.gif'); return true;"
				ONMOUSEOUT="changeImages('hsr_nav_05', 'images/hsr-nav_05.gif'); return true;"> 
                        <IMG NAME="hsr_nav_05" SRC="images/hsr-nav_05.gif" WIDTH=205 HEIGHT=31 BORDER=0 ALT=""></A></TD>
                    </TR>
                    <TR> 
                      <TD> <A HREF="repertoire.html"
				ONMOUSEOVER="changeImages('hsr_nav_06', 'images/hsr-nav_06-over.gif'); return true;"
				ONMOUSEOUT="changeImages('hsr_nav_06', 'images/hsr-nav_06.gif'); return true;"> 
                        <IMG NAME="hsr_nav_06" SRC="images/hsr-nav_06.gif" WIDTH=205 HEIGHT=31 BORDER=0 ALT=""></A></TD>
                    </TR>
                    <TR> 
                      <TD> <A HREF="music.html"
				ONMOUSEOVER="changeImages('hsr_nav_07', 'images/hsr-nav_07-over.gif'); return true;"
				ONMOUSEOUT="changeImages('hsr_nav_07', 'images/hsr-nav_07.gif'); return true;"> 
                        <IMG NAME="hsr_nav_07" SRC="images/hsr-nav_07.gif" WIDTH=205 HEIGHT=31 BORDER=0 ALT=""></A></TD>
                    </TR>
                    <TR> 
                      <TD> <A HREF="testimonials_press.html"
				ONMOUSEOVER="changeImages('hsr_nav_08', 'images/hsr-nav_08-over.gif'); return true;"
				ONMOUSEOUT="changeImages('hsr_nav_08', 'images/hsr-nav_08.gif'); return true;"> 
                        <IMG NAME="hsr_nav_08" SRC="images/hsr-nav_08.gif" WIDTH=205 HEIGHT=31 BORDER=0 ALT=""></A></TD>
                    </TR>
                    <TR> 
                      <TD> <A HREF="links.html"
				ONMOUSEOVER="changeImages('hsr_nav_09', 'images/hsr-nav_09-over.gif'); return true;"
				ONMOUSEOUT="changeImages('hsr_nav_09', 'images/hsr-nav_09.gif'); return true;"> 
                        <IMG NAME="hsr_nav_09" SRC="images/hsr-nav_09.gif" WIDTH=205 HEIGHT=31 BORDER=0 ALT=""></A></TD>
                    </TR>
                    <TR> 
                      <TD> <A HREF="about_us.html"
				ONMOUSEOVER="changeImages('hsr_nav_10', 'images/hsr-nav_10-over.gif'); return true;"
				ONMOUSEOUT="changeImages('hsr_nav_10', 'images/hsr-nav_10.gif'); return true;"> 
                        <IMG NAME="hsr_nav_10" SRC="images/hsr-nav_10.gif" WIDTH=205 HEIGHT=31 BORDER=0 ALT=""></A></TD>
                    </TR>
                    <TR> 
                      <TD><A HREF="contact.html"
				ONMOUSEOVER="changeImages('hsr_nav_11', 'images/hsr-nav_11-over.gif'); return true;"
				ONMOUSEOUT="changeImages('hsr_nav_11', 'images/hsr-nav_11.gif'); return true;"> 
                        <IMG NAME="hsr_nav_11" SRC="images/hsr-nav_11.gif" WIDTH=205 HEIGHT=30 BORDER=0 ALT=""></A></TD>
                    </TR>
                    <TR>
                      <TD><img src="images/hsr-nav_12.gif" width="205" height="25"></TD>
                    </TR>
                  </TABLE> </td>
                <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="15">
                    <tr> 
                      <td valign="top"> 
                        <p align="center"><img src="images/t-home.gif" width="350" height="29"></p>
                        <p align="center" class="hidden"><img src="images/quotes-vogue.gif" width="500" height="42">                        <br>
                          <br>
                          ====================
                          <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="550" height="400">
                            <param name="movie" value="3mindemo.swf">
                            <param name="quality" value="high">
                            <param name="wmode" value="opaque">
                            <param name="swfversion" value="8.0.35.0">
                            <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
                            <param name="expressinstall" value="Scripts/expressInstall.swf">
                            <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
                            <!--[if !IE]>-->
                            <object type="application/x-shockwave-flash" data="3mindemo.swf" width="550" height="400">
                              <!--<![endif]-->
                              <param name="quality" value="high">
                              <param name="wmode" value="opaque">
                              <param name="swfversion" value="8.0.35.0">
                              <param name="expressinstall" value="Scripts/expressInstall.swf">
                              <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
                              <div>
                                <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
                                <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
                              </div>
                              <!--[if !IE]>-->
                            </object>
                            <!--<![endif]-->
                          </object>
                        </p>
                        <table width="250" border="1" align="left" cellpadding="1" cellspacing="1" bordercolor="#000066">
                          <tr> 
                            <td><img src="images/10pcband.jpg" alt="New York Wedding Band" width="346" height="302" class="border"></td>
                          </tr>
                        </table>
                        <p>As our name suggests<strong>, High Society Rhythm</strong> is one of New York's most elegant bands. High Society Rhythm strives to create <strong>the perfect blend of Sophistication and Pizzazz.</strong><br>
                          <br>
                          Our great musicians, dynamic vocalists and attention to detail make High Society Rhythm the band New York Newsday called &quot;as polished as a diamond.&quot; Whether it&rsquo;s a corporate event, a black tie gala, a wedding, a benefit fundraiser or a private party we can help you create an event you and your guests will never forget.<br>
                          <br>
  <strong>Check out our DVD <a href="music.html">here</a> on the web</strong> or we will be happy to send you one if you prefer. <br>
  <br>
                        We also do monthly <strong>live showcase performances</strong> so you can see and hear this great New York Band. <strong>Call (914) 632-6980</strong> to find out about our next Manhattan showcase or for a DVD. </p>
                        <p align="justify">We take pride in our <strong>awarding winning vocalists</strong> and our great New York based musicians. Bandleader, Joan Crowe was chosen as &quot;Critics Pick&quot; by Time Out New York Magazine for lead female vocals. Downbeat Magazine voted Best Male Vocalist of the Year, the dynamic Monty Arnold. Not a typical wedding band, High Society Rhythm is a NY wedding band with a tight group of NY musicians that have worked and practiced together for many years. Click here to learn more about our other band members and see why event planners across the New York Tri&ndash;State area consider High Society Rhythm one of the best bands for your New York, New Jersey or Connecticut wedding or special occasion.</p>
                        <table width="346" border="1" align="right" cellpadding="3" cellspacing="1" bordercolor="#000066">
                          <tr>
                            <td><strong><img src="images/10-piece-closer-in.jpg" alt="10pcinclose" width="346" height="241"></strong></td>
                          </tr>
                        </table>
                        <p align="justify"><strong>We will help you plan the music for your special event.</strong> We take pride in our music and play the best tunes ever written from the 1930's-through today which includes, Swing, Standards, Motown, R&amp;B, Disco Dance Favorites, Rock n Roll, Hip Hop, Ethnic, and all the current top 40 hits. We will even learn something special if we don&rsquo;t already know it. Our NY wedding band performs one of the widest selections of songs for musical diversity including songs for that Bar/Bat Mitzvah, Wedding or Corporate Event. Our wide variety of upbeat, danceable songs for that Bar/Bat Mitzvah, Wedding or Corporate Event. Our wide variety of upbeat, danceable songs will <strong>keep the dance floor packed throughout the evening!</strong></p>
                        <p align="justify">We want to make your affair one that you and your guests will rave about for years to come. </p>
                        <p align="left">&nbsp;</p>
                        <p class="marquee">
                          <marquee scrollamount="4">
                          LIVE SHOWCASES MONTHY! Call (914) 632-6980 to make a reservation
for our next one. 
                          </marquee>
                        </p>
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <th scope="col"><a href="new_york.php">New York </a></th>
                            <th scope="col"><a href="new_jersey.php">New Jersey </a></th>
                            <th scope="col"><a href="connecticut.php">Connecticut</a></th>
                          </tr>
                      </table></td>
                    </tr>
                  </table></td>
              </tr>
              <tr> 
                <td width="205"><img src="images/nav-bottom.jpg" width="205" height="66"></td>
                <td><div align="center"><a href="index.php">Home</a> <font color="#999999">|</font> 
                    <a href="corporate.html">Corporate</a> <font color="#999999">|</font> 
                    <a href="weddings.html">Weddings</a> <font color="#999999">|</font> 
                    <a href="commitment_ceremonies.html">Commitment Ceremonies</a> 
                    <font color="#999999">|</font> <a href="repertoire.html">Repertoire</a> 
                    <font color="#999999"> | </font><a href="music.html">Music</a> 
                    <font color="#999999">|</font> <a href="testimonials_press.html">Testimonials 
                    &amp; Press</a> <font color="#999999">| <a href="links.html">Links</a> 
                    | </font> <a href="about_us.html">About Us</a> | <a href="contact.html">Contact</a></div></td>
              </tr>
            </table></td>
        </tr>
      </table></td>
    <td width="70" align="right" valign="top" background="images/curtain-right.jpg"><img src="images/curtain-right.jpg" width="70" height="117"></td>
  </tr>
  <tr> 
    <td height="11" align="left" valign="top"><img src="images/curtain-leftbottom.jpg" width="73" height="11"></td>
    <td height="11" valign="top">&nbsp;</td>
    <td height="11" align="right" valign="top"><img src="images/curtain-rightbottom.jpg" width="70" height="11"></td>
  </tr>
</table>
 
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-5934430-1");
pageTracker._trackPageview();
} catch(err) {}
</script>
</body>
</html>

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
 
}
 
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	}
 
p	{
	padding:4px;}
 
 
th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	}
 
table.center {
    margin-left:0 auto; 
    margin-right:0 auto;
	width:960px;
  }
 
.press-paper {
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}
.press-date {
	font-size: 12px;
	color: #666666;
}
.press-author {
	font-size: 14px;
	font-style: italic;
}
 
 
 
.press-title {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0;
 
}
.press-article {
	margin-top: 0;
}
.press-quote {
	font-style: normal;
}
.textbox {
	border: 1px solid #660000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.fineprint {
	font-size: 10px;
	color: #999999;
}
a:link {
	color: #0000FF;
}
a:visited {
	color: #000099;
}
a:hover {
	color: #CC0000;
}
.quote-name {
	font-size: 12px;
	font-weight: bold;
 
}
.redtitle {
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline;
}
.boldblue {
	font-weight: bold;
	color: #0000CC;
}
.biggertext {
	font-size: 12px;
	color: #FFFFFF;
 
}
.perftitle {
	font-size: 16px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline;
}
.title {
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
 
}
.scheditem {
	font-size: 12px;
	font-weight: bold;
}
.quote {
	font-size: 12px;
	font-style: italic;
}
.songartist {
	font-size: 12px;
	font-style: italic;
}
.marquee {
	font-size: 16px;
	font-weight: bold;
	color: #0000FF;
}
img.border {
	padding: 5px;
}

Verschwindende
Verschwindende's picture
Offline
Guru
Last seen: 2 weeks 4 days ago
Timezone: GMT-4
Joined: 2009-10-09
Posts: 2037
Points: 2259

Validate your code.

Validate your code.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 hour 23 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9230
Points: 3236

Specifically,

Specifically, this

 
table.center {
    margin-left:0 auto; 
    margin-right:0 auto;
    width:960px;
    }
is nonsense.

See §8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'.

cheers,

gary

Unplanned code results in a tangled wad of brain-cramping confusion.

There are enough html & css demos and tutorials to be interesting. Please visit.

drw285
drw285's picture
Offline
Regular
Orange County, CA
Last seen: 2 years 7 weeks ago
Orange County, CA
Timezone: GMT-7
Joined: 2010-01-21
Posts: 18
Points: 25

Ah, I see that I messed up

Ah, I see that I messed up the margins. Fixed now. Thanks.!