• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1447
  • Last Modified:

How do I remove the padding around a flash object?

I've added an animated flash object to a row of regular roll over buttons. The new flash object is displaying fine but has added one or two pixels of padding around itself that throw off the rest of the layout. Here is the page. The problem is with the space underneath the "registration" button.

http://www.glowfishtw.com/flagfootball/index2.asp

Is there anyway to remove this padding?

I've attached my code just in case it's needed.
<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Flag Football Fanatics</title>
 
<!-- Begin Grab This - You'll need this external CSS file and the IE Statement below -->
<style type="text/css">@import url("menuh.css");</style>
<!--[if lt IE 7]>
<style type="text/css" media="screen">
#menuh{float:none;}
body{behavior:url(csshover.htc); font-size:100%;}
#menuh ul li{float:left; width: 100%; margin:0px; padding:0px;}
#menuh a{height:0%;font:bold 0.7em/1.4em arial, sans-serif;}
</style>
<![endif]-->
<!-- End Grab This -->
 
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
 
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
 
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
 
<link href="qscroller.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript" src="qscroller.js"></script>
<style type="text/css">
<!--
A { text-decoration:none;}
A:link	{color:blue;}
A:hover	{color: red;}
A:visited {color:blue;}
 .tab {font-size:12px;font-family:Arial,Helvetica;color:#CCCCCC;}
 .tabb {font-size:14px; font-family:Arial,Helvetica;}
 
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	height: 200px;
	background-color: #4A4A4A;
}
.oneColFixCtrHdr #container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.oneColFixCtrHdr #header {
	padding: 0 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	text-align: center;
	background-color: #000C60;
}
.tophalf {
	background-image: url(images/tophalfbbg.jpg);
	background-repeat: repeat-x;
	height: 90px;
}
 
.bottomhalf {
	background-image: url(images/bottomhalfbbg.jpg);
	background-repeat: no-repeat;
	height: 105px;
	padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 5px;
}
.menuhalf {
	height: 22px;
	width: 780px;
	background-image: url(images/menuhalf.jpg);
	background-repeat: repeat-x;
	text-align: center;
}
 
a:link {
	color: #CCCCCC;
}
.spacer {
	width: 5px;
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 10;
	padding-left: 0px;
	background-color: #FFFDE1;
}
.oneColFixCtrHdr #footer {
	padding-top: 100;
	padding-right: 50px;
	padding-bottom: 0;
	padding-left: 50px;
	background-color: #4A4A4A;
	margin-top: 100px;
	font-size: 10px;
	color: #CCCCCC;
}
.footer {
	background-color: #4A4A4A;
	padding-top: 20px;
	padding-right: 50px;
	padding-left: 50px;
	font-size: 10px;
	color: #CCCCCC;
	padding-bottom: 15px;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
 
.style3 {
	font-size: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
 
    .speciallink {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 8px;
	font-style: normal;
	font-weight: normal;
    }
 
    .speciallink A:link {
	color: #FFFFFF;
	text-decoration: none;
    }
 
    .speciallink A:visited {
	color: #CCCCCC;
	text-decoration: none;
    }
	
	    .speciallinkg {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	vertical-align: top;
    }
.mailinglist {
	font-size: 12px;
	color: #333333;
	height: 70px;
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 25px;
	padding-top: 5px;
	padding-bottom: 0px;
	background-image: url(images/emaillist.jpg);
	background-repeat: repeat-x;
}
.enteremail {
	font-size: 10px;
	color: #333333;
	text-align: left;
	margin-left: 20px;
	margin-bottom: 0px;
}
.mailinglistcontent {
	padding-top: 10px;
	text-align: center;
}
.mailinglistheader {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}
 
    .speciallinkg A:link {
	color: #FFFFFF;
	text-decoration: none;
    }
 
    .speciallinkg A:visited {
	color: #CCCCCC;
	text-decoration: none;
    }
	
	.speciallinkg A:hover {
	color: #666666;
    }
	
.picbox {
	width: 250px;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 20px;
	margin-left: 25px;
	background-color: #E7E9FF;
	text-align: center;
}
.picboxheader {
	width: 250px;
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 25px;
	background-color: #E7E9FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #000000;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.picboxfooter {
	background-color: #E7E9FF;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 25px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	color: #666666;
	padding-top: 5px;
	padding-right: 35px;
	padding-bottom: 10px;
	padding-left: 35px;
}
 
    .speciallink A:hover {
	color: #666666;
    }
.maintext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-color: #FFFDE1;
	margin: 5px;
}
.newsheader {
	width: 450px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 10px;
	margin-right: 8px;
	margin-left: 2px;
}
.newscontent {
	width: 410px;
	margin-right: 10px;
	margin-left: 10px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 12px;
	color: #333333;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 0px;
	padding-top: 15px;
	text-align: left;
	line-height: 24px;
}
.videobox {
	width: 410px;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 10px;
	background-image: url(images/videobg.jpg);
	background-position: center bottom;
	background-color: #FFFDE1;
	background-repeat: no-repeat;
}
 
-->
</style>
<SCRIPT LANGUAGE="JavaScript">
 
/***********************************
*   http://javascripts.vbarsan.com/
*   This notice may not be removed 
***********************************/
 
//-- Begin Scroller's Parameters and message -->
//scroller width: change to your own;
var wwidth=770;
 
//scroller height: change to your own;
var wheight=20;
 
//background color: change to your own; 
var wbcolor="#ccffcc";
 
//scroller's speed: change to your own;
var sspeed=2;
var restart=sspeed;
var rspeed=sspeed;
 
//text: change to your own
 
wwholemessage='<nobr class=tab><b>News Scroller Horizontal v2.2 => '+
'<a class=tabb href="http://javascripts.vbarsan.com">'+
'Vertical Scroller JavaScript 7.0 + Horizontal Scroller JavaScript 7.0 + Typewriter Scroller JavaScript 5.0</a> <= Text Scroller Horizontal v2.2</b></nobr>';
 
//-- end Parameters and message-->
 
//-- begin: Scroller's Algorithm -->
var sizeupw=0;var operbr=navigator.userAgent.toLowerCase().indexOf('opera');if(operbr==-1&&navigator.product&&navigator.product=="Gecko"){var agt = navigator.userAgent.toLowerCase();var rvStart = agt.indexOf('rv:');var rvEnd = agt.indexOf(')', rvStart);var check15 = agt.substring(rvStart+3, rvEnd);if(parseFloat(check15)>=1.8) operbr=0;}if (navigator.appVersion.indexOf("Mac")!=-1)operbr=0;
function goup(){if(sspeed!=rspeed*8){sspeed=sspeed*2;restart=sspeed;}}
function godown(){if(sspeed>rspeed){sspeed=sspeed/2;restart=sspeed;}}
function startw(){if(document.getElementById)ns6marqueew(document.getElementById('wslider'));else if(document.all) iemarqueew(wslider);else if(document.layers)ns4marqueew(document.wslider1.document.wslider2);}function iemarqueew(whichdiv){iedivw=eval(whichdiv);iedivw.style.pixelLeft=wwidth+"px";iedivw.innerHTML='<nobr>'+wwholemessage+'</nobr>';sizeupw=iedivw.offsetWidth;ieslidew();}function ieslidew(){if(iedivw.style.pixelLeft>=sizeupw*(-1)){iedivw.style.pixelLeft-=sspeed+"px";setTimeout("ieslidew()",100);}else{iedivw.style.pixelLeft=wwidth+"px";ieslidew();}}function ns4marqueew(whichlayer){ns4layerw=eval(whichlayer);ns4layerw.left=wwidth;ns4layerw.document.write('<nobr>'+wwholemessage+'</nobr>');ns4layerw.document.close();sizeupw=ns4layerw.document.width;ns4slidew();}function ns4slidew(){if(ns4layerw.left>=sizeupw*(-1)){ns4layerw.left-=sspeed;setTimeout("ns4slidew()",100);}else{ns4layerw.left=wwidth;ns4slidew();}}function ns6marqueew(whichdiv){ns6divw=eval(whichdiv);ns6divw.style.left=wwidth+"px";ns6divw.innerHTML='<nobr>'+wwholemessage+'</nobr>';sizeupw=ns6divw.offsetWidth;if(operbr!=-1){document.getElementById('operaslider').innerHTML='<nobr>'+wwholemessage+'</nobr>';sizeupw=document.getElementById('operaslider').offsetWidth;}ns6slidew();}function ns6slidew(){if(parseInt(ns6divw.style.left)>=sizeupw*(-1)){ns6divw.style.left=parseInt(ns6divw.style.left)-sspeed+"px";setTimeout("ns6slidew()",100);}else{ns6divw.style.left=wwidth+"px";ns6slidew();}}
//-- end Algorithm -->
</script>
<!-- End of Script between <head> & </head> tags-->
 
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script src="Scripts/AC_ActiveX.js" type="text/javascript"></script>
</head>
 
<body class="oneColFixCtrHdr"; onload="startw(); document.getElementById('wslider').style.top = '10%';MM_preloadImages('images/homeon.jpg','images/reghilliardon.jpg','images/reggrovecityon.jpg','images/regdublinon.jpg','images/leagueson.jpg','images/leaghilliardon.jpg','images/leaggrovecityon.jpg','images/leagdublinon.jpg','images/eventson.jpg','images/parentson.jpg','images/parparentson.jpg','images/parcodeon.jpg','images/parwaiveron.jpg','images/parimagereleaseon.jpg','images/coacheson.jpg','images/coacoacheson.jpg','images/coaapplicationon.jpg','images/coapledgeon.jpg','images/coawaiveron.jpg','images/coamedicalon.jpg','images/coadrillstipson.jpg','images/ruleson.jpg','images/rulmicminion.jpg','images/rulminion.jpg','images/ruljunioron.jpg','images/faqson.jpg','images/aboutuson.jpg','images/contactuson.jpg')">
 
<div id="container">
  <div id="header" align="center">
<!-- You may remove first cell below (<td> ... </td>) to get rid of Speed-change -->
<script language="JavaScript">document.write('<table align="center" border="0"><tr><td width='+wwidth+'px>');if(document.getElementById || document.all){document.write('<span style="width:'+wwidth+'px;"><div style="position:relative;overflow:hidden;width:'+wwidth+'px;height:'+wheight+'px;clip:rect(0 '+wwidth+'px '+wheight+'px 0);background-image: url(images/topbar.jpg);" onMouseover="sspeed=0;" onMouseout="sspeed=restart">');if(operbr!=-1)document.write('<div id="operaslider" style="position:absolute;visibility:hidden;"></div>');document.write('<div id="wslider" style="position:absolute;height:'+wheight+'px;"></div></div></span>')}</script>
<ilayer width=&{wwidth}; height=&{wheight}; name="wslider1" bgcolor=&{wbcolor};><layer name="wslider2" width=&{wwidth}; height=&{wheight}; onMouseover="sspeed=0;" onMouseout="sspeed=restart"></layer></ilayer></td></tr></table>
<!-- end  of code between BODY TAGS -->
 
  </div>
  <div class="tophalf">
  
    <table width="539" height="80" border="0" align="left">
      <tr>
        <td width="4">&nbsp;</td>
        <td width="520" bgcolor="#000000"><div align="center">
          <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','500','height','60','align','middle','src','PicStrip','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','#000000','movie','PicStrip' ); //end AC code
        </script>
          <noscript>
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="500" height="60" align="middle">
              <param name="movie" value="PicStrip.swf" />
              <param name="quality" value="high" />
              <param name="BGCOLOR" value="#000000" />
              <embed src="PicStrip.swf" width="500" height="60" align="middle" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#000000"></embed>
            </object>
            </noscript>
        </div></td>
      </tr>
    </table>
                <table width="233" height="62" align="center"0">
  <tr>
    <td height="14" valign="top"><div align="left" ><span class="style3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Search Flag Football</span></div></td>
  </tr>
  <tr>
    <form method="get" action="http://www.google.com/custom">
       <td height="26" valign="top"><div align="left">
                  <input type="text" name="q" size="20" maxlength="255" value="" />
					<input type="submit" name="btnG" value="Search" />
					  <input type="hidden" name="sitesearch" value="http://www.flagfball.com/" />
       </div></td>
    </form>
  </tr>
  <tr>
    <td height="12" valign="top"><div align="center"><span class="speciallink">- <a href="javascript:void(0)">register</a> - <a href="javascript:void(0)">schedule</a> - <a href="javascript:void(0)">old site</a> - <a href="javascript:void(0)">adult league</a> - </span></div></td>
  </tr>
</table>
</div>
 
<div class="bottomhalf">
  <table width="316" height="86" border="0" align="right" class="scbg">
				  <!--DWLayoutTable-->
<tr>
				    <td width="22" rowspan="2" align="center" valign="middle"><a id="go-prev" href="javascript:void(0)"><span href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('larrow','','images/larrowon.jpg',1)"><img src="images/larrow.jpg" name="larrow" width="13" height="12" border="0" id="larrow" /></span></a></td>
                    
      <td width="260" height="66" align="center" valign="bottom"><div id="qscroller2" class="qscroller"></div></td>
      
      <td width="17" rowspan="2" align="center" valign="middle">  <a id="go-next" href="javascript:void(0)"><span href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('rarrow','','images/rarrowon.jpg',1)"><img src="images/rarrow.jpg" name="rarrow" width="13" height="12" border="0" id="rarrow" /></span></a></td>
      </tr>
				  <tr>
				    <td height="14"><div align="center"><span class="speciallinkg">- <a href="javascript:void(0)">Hilliard </a> - <a href="javascript:void(0)">Grove City</a> - <a href="javascript:void(0)">Dublin</a> -</span></div></td>
      </tr>
    </table>
<div class="hide">
	<div class="qslide2">
		<img src="images/scorebox.jpg" alt="" />
		<img src="images/scorebox.jpg" alt="" />
		<img src="images/scorebox.jpg" alt="" />
		<img src="images/scorebox.jpg" alt="" />	
	</div>
      
  	<div class="qslide2">
  	  <img src="images/scorebox.jpg" alt="" />
  	  <img src="images/scorebox.jpg" alt="" />
  	  <img src="images/scorebox.jpg" alt="" />
  	  <img src="images/scorebox.jpg" alt="" />   	  
     </div>
      
  	<div class="qslide2">
  	  <img src="images/scorebox.jpg" alt="" />
  	  <img src="images/scorebox.jpg" alt="" />
  	  <img src="images/scorebox.jpg" alt="" />
  	  <img src="images/scorebox.jpg" alt="" />   	  
     </div>
</div>                
</div>
  
<div class="menuhalf">
<div id="menuh">	
		  
	  <ul>
			   <li><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image45','','images/homeon.jpg',1)"><img src="images/home.jpg" name="Image45" width="55" height="19" border="0"></a>
                  
 
   		</li>
	  </ul>   
      
<ul>
              		<img src="images/menuspacer.jpg">		       				
   	  </ul>   
       
       
    			<ul>
		    	  <li>
           		  <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','86','height','19','src','reg','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','reg' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="86" height="19">
                    <param name="movie" value="reg.swf">
                    <param name="quality" value="high">
                    <embed src="reg.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="86" height="19"></embed>
         		    </object></noscript>
                  
              <ul>
                    <li><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image46','','images/reghilliardon.jpg',1)"><img src="images/reghilliard.jpg" name="Image46" width="86" height="19" border="0"></a></li>
                      <li><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image47','','images/reggrovecityon.jpg',1)"><img src="images/reggrovecity.jpg" name="Image47" width="86" height="19" border="0"></a></li>
                      <li><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image48','','images/regdublinon.jpg',1)"><img src="images/regdublin.jpg" name="Image48" width="86" height="19" border="0"></a>				  				</li>
                </ul>  
                </li>
   	  </ul>   
   
                
<ul>
<img src="images/menuspacer.jpg">		       				
</ul>   
 
    			<ul>
		    	  <li>
           		  <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image54','','images/leagueson.jpg',1)"><img src="images/leagues.jpg" name="Image54" width="67" height="19" border="0"></a>
                  
                 <ul>
                    <li><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image55','','images/leaghilliardon.jpg',1)"><img src="images/leaghilliard.jpg" name="Image55" width="86" height="19" border="0"></a></li>
                      <li><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image56','','images/leaggrovecityon.jpg',1)"><img src="images/leaggrovecity.jpg" name="Image56" width="86" height="19" border="0"></a></li>
                      <li><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image57','','images/leagdublinon.jpg',1)"><img src="images/leagdublin.jpg" name="Image57" width="86" height="19" border="0"></a> </li>
                </ul>  
                </li>
		     	</ul>   
           
<ul>
<img src="images/menuspacer.jpg">		       				
</ul>   
                
                <ul>
			    	<li>
                      <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image52','','images/eventson.jpg',1)"><img src="images/events.jpg" name="Image52" width="117" height="19" border="0"></a>           		     </li>
		     	</ul>   
                
<ul>
<img src="images/menuspacer.jpg">		       				
</ul>   
                
                
                   <ul>
			    	<li>
           		      <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image53','','images/parentson.jpg',1)"><img src="images/parents.jpg" name="Image53" width="64" height="19" border="0"></a> 
 
                  <ul>
                    <li><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image50','','images/parparentson.jpg',1)"><img src="images/parparents.jpg" name="Image50" width="131" height="19" border="0"></a></li>
                      <li><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image51','','images/parcodeon.jpg',1)"><img src="images/parcode.jpg" name="Image51" width="131" height="19" border="0"></a></li>
                      <li><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image58','','images/parwaiveron.jpg',1)"><img src="images/parwaiver.jpg" name="Image58" width="131" height="19" border="0"></a> </li>
					  <li><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image59','','images/parimagereleaseon.jpg',1)"><img src="images/parimagerelease.jpg" name="Image59" width="131" height="19" border="0"></a> </li> 
                </ul> 
                     </li>
		     	</ul>   
                
<ul>
<img src="images/menuspacer.jpg">		       				
</ul>   
                
 
                   <ul>
			    	<li>
           		     <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image60','','images/coacheson.jpg',1)"><img src="images/coaches.jpg" name="Image60" width="67" height="19" border="0"></a>
                  <ul>
                    <li><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image61','','images/coacoacheson.jpg',1)"><img src="images/coacoaches.jpg" name="Image61" width="151" height="19" border="0"></a></li>
                      <li><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image62','','images/coaapplicationon.jpg',1)"><img src="images/coaapplication.jpg" name="Image62" width="151" height="19" border="0"></a></li>
                      <li><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image63','','images/coapledgeon.jpg',1)"><img src="images/coapledge.jpg" name="Image63" width="151" height="19" border="0"></a></li>
					  <li><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image64','','images/coawaiveron.jpg',1)"><img src="images/coawaiver.jpg" name="Image64" width="151" height="19" border="0"></a> </li> 
                      <li><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image65','','images/coamedicalon.jpg',1)"><img src="images/coamedical.jpg" name="Image65" width="151" height="19" border="0"></a> </li> 
                      <li><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image66','','images/coadrillstipson.jpg',1)"><img src="images/coadrillstips.jpg" name="Image66" width="151" height="19" border="0"></a></li> 
                </ul> 
                </li>
		     	</ul>   
                
           
<ul>
<img src="images/menuspacer.jpg">		       			
	
</ul>  
                
                    <ul>
			    	<li><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image67','','images/ruleson.jpg',1)"><img src="images/rules.jpg" name="Image67" width="50" height="19" border="0"></a>
                    <ul>
                    <li><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image68','','images/rulmicminion.jpg',1)"><img src="images/rulmicmini.jpg" name="Image68" width="145" height="19" border="0"></a></li>
                      <li><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image69','','images/rulminion.jpg',1)"><img src="images/rulmini.jpg" name="Image69" width="145" height="19" border="0"></a></li>
                      <li><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image70','','images/ruljunioron.jpg',1)"><img src="images/ruljunior.jpg" name="Image70" width="145" height="19" border="0"></a> </li>
                </ul>
                    </li>
		     	</ul>   
           
<ul>
<img src="images/menuspacer.jpg">		       				
</ul>   
                
 
                <ul>
			    <li><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image71','','images/faqson.jpg',1)"><img src="images/faqs.jpg" name="Image71" width="48" height="19" border="0"></a></li>
		     	</ul>   
                
<ul>
<img src="images/menuspacer.jpg">		       				
</ul>   
                
                  <ul>
			    	<li><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image72','','images/aboutuson.jpg',1)"><img src="images/aboutus.jpg" name="Image72" width="70" height="19" border="0"></a> </li>
		     	</ul>   
                
<ul>
<img src="images/menuspacer.jpg">		       				
</ul> 
                
                   <ul>
			    	<li><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image73','','images/contactuson.jpg',1)"><img src="images/contactus.jpg" name="Image73" width="81" height="19" border="0"></a></li>
		     	</ul>   
                
<ul>
<img src="images/menuspacer.jpg">		       				
</ul> 
        
    </div>
 
</div>  
  
  <div id="mainContent">
    <table width="780"  border="0" bgcolor="#FFFDE1">
      <tr>
        <td width="295"  valign="top">
<form name="emaillist" method="post" action="">
        <div class="mailinglist">
          <div class="mailinglistheader">&nbsp;&nbsp;Join our Mailing List</div>
          <div class="mailinglistcontent">
            <div align="center">
              <div class="enteremail">enter your email:</div> 
              <input name="maillist" type="text" size="20">
              <input name="emaillist" type="button" value="sign up">
            </div>
          </div> 
        </div>
</form>
        
        <div align="center" class="picboxheader">Fanatics in Action</div>
        <div align="center" class="picbox"><img src="images/runningman.jpg" width="200" height="200"></div>
        <div align="center" class="picboxfooter">Great games this week. Mad props to my home boy Mike Mallory. Seen here running with the ball.</div>
        <div align="center" class="maintext">Any text that you want will go here. You can talk about flag football in general, yourself, weekly games or whatever you want. The box will expand or contract vertically to fit the full text.</div>
        </td>
        <td width="475" valign="top">
        
          <div class="newsheader"><img src="images/newstopper.jpg" width="450" height="30"></div> 
                 
           <div class="newscontent">
             <table width="417" border="0">
               
               <tr>
                 <td width="84" valign="middle"><img src="images/dot.jpg" width="6" height="8">&nbsp;&nbsp;&nbsp;<span class="style9"><strong>Nov. 5</strong></span><strong> -</strong></td>
                 <td width="316">New news events will go here. </td>
               </tr>
               
               <tr>
                 <td width="84" valign="top"><img src="images/dot.jpg" width="6" height="8">&nbsp;&nbsp;&nbsp;<strong>Nov. 6 -</strong></td>
                 <td width="316">Events can be as long or as short as you want. Anything that doesn't fit on one line will scroll down to the next.</td>
               </tr>
               
                <tr>
                 <td width="84" valign="top"><img src="images/dot.jpg" width="6" height="8">&nbsp;<strong>&nbsp;&nbsp;Nov. 7 -</strong></td>
                 <td width="316">We can set it up so that old events are deleted automatically after the date has passed.</td>
               </tr>
               
                <tr>
                 <td width="84" valign="top"><img src="images/dot.jpg" width="6" height="8">&nbsp;&nbsp;&nbsp;<strong>Nov. 8 -</strong></td>
                 <td width="316">Or we can leave it up to you to delete them manually.</td>
               </tr>
                              
                <tr>
                 <td width="84" valign="top"><img src="images/dot.jpg" width="6" height="8">&nbsp;<strong>&nbsp;&nbsp;Dec. 10 -</strong></td>
                 <td width="316">I've used a different font to set this section apart.</td>
               </tr>
               
                <tr>
                 <td width="84" valign="top"><img src="images/dot.jpg" width="6" height="8">&nbsp;&nbsp;<strong>&nbsp;Dec. 15 -</strong></td>
                 <td width="316">I've been thinking about adding more background but didn't want to change anything until I talked to you.</td>
               </tr>                              
               
             </table>
          </div>
          
          
           <div class="videobox">
           
           <script type="text/javascript">
AC_AX_RunContent( 'width','350','height','283','src','http://www.youtube.com/v/ypE3P4kNUvM&hl=en&fs=1','type','application/x-shockwave-flash','allowscriptaccess','always','allowfullscreen','true','movie','http://www.youtube.com/v/ypE3P4kNUvM&hl=en&fs=1' ); //end AC code
</script><noscript><object width="350" height="283">
             <param name="movie" value="http://www.youtube.com/v/ypE3P4kNUvM&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/ypE3P4kNUvM&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="350" height="283"></embed></object></noscript>
           
           
           </div>
            
        </td>
      </tr>
    </table>
<br class="clearfloat" />
  </div>
<div class="footer">
<a href="#">Flag Football Fanantics</a> is copyright 2008. All content is protected and many not be reproduced in any form without the express written consent of Flag Football Fanatics. Those uploading images or videos are giving sole ownership of the material to Flag Football Fanatics.
  <!-- end #footer --></div>
<!-- end #container --></div>
 
 
<script type="text/javascript">
<!--
window.addEvent('domready', function() {
var opt = {
    slides: 'qslide2',
    duration: 1500,
    buttons: {next:'go-next',prev:'go-prev'},
    transition: Fx.Transitions.Quint.easeOut
  }
  var scroller = new QScroller('qscroller2',opt);
  scroller.load();
});
//-->
</script>
 
</body>
</html>

Open in new window

0
elliottbenzle
Asked:
elliottbenzle
1 Solution
 
quincydudeCommented:
Try to change line 377 to
<td width="520" bgcolor="#000000" style="margin:0;padding:0;"><div align="center">
0
 
elliottbenzleAuthor Commented:
Thanks. I looked at it for a while and finally found that it wasn't padding. It was black space added from the CSS drop down menu I was using. I got around it with a simple image resize. I appreciate the help though.
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now