I don't know why my background image isn't showing up.

Here's my code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Gamer District, your source for Next Gen and Retro Gaming...</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
{display: block; 
}
</style>
<!--Fireworks 8 Dreamweaver 8 target.  Created Fri Feb 13 10:46:00 GMT-0800 (Pacific Standard Time) 2009-->
<script language="JavaScript1.2" type="text/javascript">
<!--
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];}
}
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];}}
}

//-->
</script>
</head>
<body style="background-image:url(/gamerdistrict.com/main_styles/main_bg.gif)repeat-y background-position:center text-align:justify padding: 0;> "onload="MM_preloadImages('export/buttons with banner/bt_reviews_f2.gif','export/buttons with banner/bt_previews_f2.gif','export/buttons with banner/bt_news_f2.gif','export/buttons with banner/bt_top_f2.gif','export/buttons with banner/bt_rumors_f2.gif','export/buttons with banner/bt_media_f2.gif','export/buttons with banner/bt_guides_f2.gif','export/buttons with banner/bt_cheats_f2.gif','export/buttons with banner/bt_forums_f2.gif')">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="800">
<!-- fwtable fwsrc="Untitled" fwbase="site_banner.png" fwstyle="Dreamweaver" fwdocid = "95250942" fwnested="0" -->
  <tr>
   <td><img src="export/buttons with banner/spacer.gif" width="13" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="88" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="9" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="87" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="6" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="63" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="7" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="106" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="4" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="86" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="4" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="71" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="5" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="75" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="3" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="74" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="6" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="68" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="25" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="1" height="1" border="0" alt="" /></td>
  </tr>

  <tr>
   <td colspan="19"><img name="site_banner_r1_c1" src="export/buttons with banner/site_banner_r1_c1.jpg" width="800" height="12" border="0" id="site_banner_r1_c1" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="1" height="12" border="0" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="2"><img name="site_banner_r2_c1" src="export/buttons with banner/site_banner_r2_c1.jpg" width="13" height="331" border="0" id="site_banner_r2_c1" alt="" /></td>
   <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('bt_reviews','','export/buttons with banner/bt_reviews_f2.gif',1)"><img name="bt_reviews" src="export/buttons with banner/bt_reviews.gif" width="88" height="28" border="0" id="bt_reviews" alt="" /></a></td>
   <td rowspan="2"><img name="site_banner_r2_c3" src="export/buttons with banner/site_banner_r2_c3.jpg" width="9" height="331" border="0" id="site_banner_r2_c3" alt="" /></td>
   <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('bt_previews','','export/buttons with banner/bt_previews_f2.gif',1)"><img name="bt_previews" src="export/buttons with banner/bt_previews.gif" width="87" height="28" border="0" id="bt_previews" alt="" /></a></td>
   <td rowspan="2"><img name="site_banner_r2_c5" src="export/buttons with banner/site_banner_r2_c5.jpg" width="6" height="331" border="0" id="site_banner_r2_c5" alt="" /></td>
   <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('bt_news','','export/buttons with banner/bt_news_f2.gif',1)"><img name="bt_news" src="export/buttons with banner/bt_news.gif" width="63" height="28" border="0" id="bt_news" alt="" /></a></td>
   <td rowspan="2"><img name="site_banner_r2_c7" src="export/buttons with banner/site_banner_r2_c7.jpg" width="7" height="331" border="0" id="site_banner_r2_c7" alt="" /></td>
   <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('bt_top','','export/buttons with banner/bt_top_f2.gif',1)"><img name="bt_top" src="export/buttons with banner/bt_top.gif" width="106" height="28" border="0" id="bt_top" alt="" /></a></td>
   <td rowspan="2"><img name="site_banner_r2_c9" src="export/buttons with banner/site_banner_r2_c9.jpg" width="4" height="331" border="0" id="site_banner_r2_c9" alt="" /></td>
   <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('bt_rumors','','export/buttons with banner/bt_rumors_f2.gif',1)"><img name="bt_rumors" src="export/buttons with banner/bt_rumors.gif" width="86" height="28" border="0" id="bt_rumors" alt="" /></a></td>
   <td rowspan="2"><img name="site_banner_r2_c11" src="export/buttons with banner/site_banner_r2_c11.jpg" width="4" height="331" border="0" id="site_banner_r2_c11" alt="" /></td>
   <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('bt_media','','export/buttons with banner/bt_media_f2.gif',1)"><img name="bt_media" src="export/buttons with banner/bt_media.gif" width="71" height="28" border="0" id="bt_media" alt="" /></a></td>
   <td rowspan="2"><img name="site_banner_r2_c13" src="export/buttons with banner/site_banner_r2_c13.jpg" width="5" height="331" border="0" id="site_banner_r2_c13" alt="" /></td>
   <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('bt_guides','','export/buttons with banner/bt_guides_f2.gif',1)"><img name="bt_guides" src="export/buttons with banner/bt_guides.gif" width="75" height="28" border="0" id="bt_guides" alt="" /></a></td>
   <td rowspan="2"><img name="site_banner_r2_c15" src="export/buttons with banner/site_banner_r2_c15.jpg" width="3" height="331" border="0" id="site_banner_r2_c15" alt="" /></td>
   <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('bt_cheats','','export/buttons with banner/bt_cheats_f2.gif',1)"><img name="bt_cheats" src="export/buttons with banner/bt_cheats.gif" width="74" height="28" border="0" id="bt_cheats" alt="" /></a></td>
   <td rowspan="2"><img name="site_banner_r2_c17" src="export/buttons with banner/site_banner_r2_c17.jpg" width="6" height="331" border="0" id="site_banner_r2_c17" alt="" /></td>
   <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('bt_forums','','export/buttons with banner/bt_forums_f2.gif',1)"><img name="bt_forums" src="export/buttons with banner/bt_forums.gif" width="68" height="28" border="0" id="bt_forums" alt="" /></a></td>
   <td rowspan="2"><img name="site_banner_r2_c19" src="export/buttons with banner/site_banner_r2_c19.jpg" width="25" height="331" border="0" id="site_banner_r2_c19" alt="main logo" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="1" height="28" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img name="site_banner_r3_c2" src="export/buttons with banner/site_banner_r3_c2.jpg" width="88" height="303" border="0" id="site_banner_r3_c2" alt="" /></td>
   <td><img name="site_banner_r3_c4" src="export/buttons with banner/site_banner_r3_c4.jpg" width="87" height="303" border="0" id="site_banner_r3_c4" alt="" /></td>
   <td><img name="site_banner_r3_c6" src="export/buttons with banner/site_banner_r3_c6.jpg" width="63" height="303" border="0" id="site_banner_r3_c6" alt="" /></td>
   <td><img name="site_banner_r3_c8" src="export/buttons with banner/site_banner_r3_c8.jpg" width="106" height="303" border="0" id="site_banner_r3_c8" alt="" /></td>
   <td><img name="site_banner_r3_c10" src="export/buttons with banner/site_banner_r3_c10.jpg" width="86" height="303" border="0" id="site_banner_r3_c10" alt="" /></td>
   <td><img name="site_banner_r3_c12" src="export/buttons with banner/site_banner_r3_c12.jpg" width="71" height="303" border="0" id="site_banner_r3_c12" alt="" /></td>
   <td><img name="site_banner_r3_c14" src="export/buttons with banner/site_banner_r3_c14.jpg" width="75" height="303" border="0" id="site_banner_r3_c14" alt="" /></td>
   <td><img name="site_banner_r3_c16" src="export/buttons with banner/site_banner_r3_c16.jpg" width="74" height="303" border="0" id="site_banner_r3_c16" alt="" /></td>
   <td><img name="site_banner_r3_c18" src="export/buttons with banner/site_banner_r3_c18.jpg" width="68" height="303" border="0" id="site_banner_r3_c18" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="1" height="303" border="0" alt="" /></td>
  </tr>
</table>
<div align="center"></div>
<table width="800" border="0" align="center">
  <tr>
    <td width="139">&nbsp;</td>
    <td width="511">&nbsp;</td>
    <td width="136">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="696">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>

Thanks in advance, it's been a while :)

Dani AI

Generated

A quick diagnosis: when a background image shows in Dreamweaver but not on the live site the cause is almost always either malformed CSS/HTML or a wrong URL/path (Dreamweaver will happily show local project files). reported the image appears only in DW; several replies pointed at path/syntax issues and correctly flagged that obsolete HTML comment wrappers around styles can cause trouble. offered a layout alternative, but the underlying points below are the durable fixes that apply regardless of page structure.

Correct, minimal CSS for a centered, vertically repeating background (use in a stylesheet or a style block) looks like this:

body {
  margin: 0;
  background-color: #CCCCCC;
  background-image: url("assets/bg-repeat.png");
  background-position: center top;
  background-repeat: repeat-y;
}

Notes on paths and placement: if that CSS lives in an external .css file, the url(...) is relative to the CSS file; if the rules are inside a <style> block in the HTML page, it is relative to the HTML document. A leading slash (/path) is absolute from the server root. Filenames on live (Linux) servers are case-sensitive.

Practical debugging checklist (follow in order):

  • Open the image URL directly in a browser to confirm an HTTP 200 and that the file loads.
  • Use the browser DevTools Network and Console tabs to spot 404s or CSS/HTML parse errors.
  • Inspect the computed style on <body> to see which background the browser applied.
  • Fix any broken attributes (unclosed quotes, stray >), remove HTML comment wrappers around <style>, and avoid mixing inline style syntax errors with other attributes (onload etc.).
  • Check file permissions and filename case; avoid spaces in filenames.

Reference: MDN has authoritative notes on the background shorthand and individual background properties: background — MDN Web Docs.

Recommended Answers

All 10 Replies

change this /
to this

This worked. Had a similiar problem now solved. Thanks.

didn't work for me. There may be something wrong with the server, I'll find out later.

K, I got the image to show up in design view, using DW, but it still wont show up from the site and I can't get it to repeat.

Here's the new code in case anyone is willing to help:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Gamer District, your source for Next Gen and Retro Gaming...</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
#testimonials p {
	margin: 0;
/*	padding: 14px 30px 0 45px;  /* original values */
	padding:14px 30px 0 15px; /* new values */
}
</style>
<!--Fireworks 8 Dreamweaver 8 target.  Created Fri Feb 13 10:46:00 GMT-0800 (Pacific Standard Time) 2009-->
<script language="JavaScript1.2" type="text/javascript">
<!--
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];}
}
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];}}
}

//-->
</script>
</head>
<body bgcolor="#CCCCCC" onload="MM_preloadImages('export/buttons with banner/bt_reviews_f2.gif','export/buttons with banner/bt_previews_f2.gif','export/buttons with banner/bt_news_f2.gif','export/buttons with banner/bt_top_f2.gif','export/buttons with banner/bt_rumors_f2.gif','export/buttons with banner/bt_media_f2.gif','export/buttons with banner/bt_guides_f2.gif','export/buttons with banner/bt_cheats_f2.gif','export/buttons with banner/bt_forums_f2.gif')">
<div style="text-align: center"> 
<img alt="Approval" src="" width="2400" height="1" /></div>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="800">
<!-- fwtable fwsrc="Untitled" fwbase="site_banner.png" fwstyle="Dreamweaver" fwdocid = "95250942" fwnested="0" -->
  <tr>
   <td><img src="export/buttons with banner/spacer.gif" width="13" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="88" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="9" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="87" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="6" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="63" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="7" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="106" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="4" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="86" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="4" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="71" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="5" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="75" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="3" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="74" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="6" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="68" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="25" height="1" border="0" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="1" height="1" border="0" alt="" /></td>
  </tr>

  <tr>
   <td colspan="19"><img name="site_banner_r1_c1" src="export/buttons with banner/site_banner_r1_c1.jpg" width="800" height="12" border="0" id="site_banner_r1_c1" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="1" height="12" border="0" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="2"><img name="site_banner_r2_c1" src="export/buttons with banner/site_banner_r2_c1.jpg" width="13" height="331" border="0" id="site_banner_r2_c1" alt="" /></td>
   <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('bt_reviews','','export/buttons with banner/bt_reviews_f2.gif',1)"><img name="bt_reviews" src="export/buttons with banner/bt_reviews.gif" width="88" height="28" border="0" id="bt_reviews" alt="" /></a></td>
   <td rowspan="2"><img name="site_banner_r2_c3" src="export/buttons with banner/site_banner_r2_c3.jpg" width="9" height="331" border="0" id="site_banner_r2_c3" alt="" /></td>
   <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('bt_previews','','export/buttons with banner/bt_previews_f2.gif',1)"><img name="bt_previews" src="export/buttons with banner/bt_previews.gif" width="87" height="28" border="0" id="bt_previews" alt="" /></a></td>
   <td rowspan="2"><img name="site_banner_r2_c5" src="export/buttons with banner/site_banner_r2_c5.jpg" width="6" height="331" border="0" id="site_banner_r2_c5" alt="" /></td>
   <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('bt_news','','export/buttons with banner/bt_news_f2.gif',1)"><img name="bt_news" src="export/buttons with banner/bt_news.gif" width="63" height="28" border="0" id="bt_news" alt="" /></a></td>
   <td rowspan="2"><img name="site_banner_r2_c7" src="export/buttons with banner/site_banner_r2_c7.jpg" width="7" height="331" border="0" id="site_banner_r2_c7" alt="" /></td>
   <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('bt_top','','export/buttons with banner/bt_top_f2.gif',1)"><img name="bt_top" src="export/buttons with banner/bt_top.gif" width="106" height="28" border="0" id="bt_top" alt="" /></a></td>
   <td rowspan="2"><img name="site_banner_r2_c9" src="export/buttons with banner/site_banner_r2_c9.jpg" width="4" height="331" border="0" id="site_banner_r2_c9" alt="" /></td>
   <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('bt_rumors','','export/buttons with banner/bt_rumors_f2.gif',1)"><img name="bt_rumors" src="export/buttons with banner/bt_rumors.gif" width="86" height="28" border="0" id="bt_rumors" alt="" /></a></td>
   <td rowspan="2"><img name="site_banner_r2_c11" src="export/buttons with banner/site_banner_r2_c11.jpg" width="4" height="331" border="0" id="site_banner_r2_c11" alt="" /></td>
   <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('bt_media','','export/buttons with banner/bt_media_f2.gif',1)"><img name="bt_media" src="export/buttons with banner/bt_media.gif" width="71" height="28" border="0" id="bt_media" alt="" /></a></td>
   <td rowspan="2"><img name="site_banner_r2_c13" src="export/buttons with banner/site_banner_r2_c13.jpg" width="5" height="331" border="0" id="site_banner_r2_c13" alt="" /></td>
   <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('bt_guides','','export/buttons with banner/bt_guides_f2.gif',1)"><img name="bt_guides" src="export/buttons with banner/bt_guides.gif" width="75" height="28" border="0" id="bt_guides" alt="" /></a></td>
   <td rowspan="2"><img name="site_banner_r2_c15" src="export/buttons with banner/site_banner_r2_c15.jpg" width="3" height="331" border="0" id="site_banner_r2_c15" alt="" /></td>
   <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('bt_cheats','','export/buttons with banner/bt_cheats_f2.gif',1)"><img name="bt_cheats" src="export/buttons with banner/bt_cheats.gif" width="74" height="28" border="0" id="bt_cheats" alt="" /></a></td>
   <td rowspan="2"><img name="site_banner_r2_c17" src="export/buttons with banner/site_banner_r2_c17.jpg" width="6" height="331" border="0" id="site_banner_r2_c17" alt="" /></td>
   <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('bt_forums','','export/buttons with banner/bt_forums_f2.gif',1)"><img name="bt_forums" src="export/buttons with banner/bt_forums.gif" width="68" height="28" border="0" id="bt_forums" alt="" /></a></td>
   <td rowspan="2"><img name="site_banner_r2_c19" src="export/buttons with banner/site_banner_r2_c19.jpg" width="25" height="331" border="0" id="site_banner_r2_c19" alt="main logo" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="1" height="28" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img name="site_banner_r3_c2" src="export/buttons with banner/site_banner_r3_c2.jpg" width="88" height="303" border="0" id="site_banner_r3_c2" alt="" /></td>
   <td><img name="site_banner_r3_c4" src="export/buttons with banner/site_banner_r3_c4.jpg" width="87" height="303" border="0" id="site_banner_r3_c4" alt="" /></td>
   <td><img name="site_banner_r3_c6" src="export/buttons with banner/site_banner_r3_c6.jpg" width="63" height="303" border="0" id="site_banner_r3_c6" alt="" /></td>
   <td><img name="site_banner_r3_c8" src="export/buttons with banner/site_banner_r3_c8.jpg" width="106" height="303" border="0" id="site_banner_r3_c8" alt="" /></td>
   <td><img name="site_banner_r3_c10" src="export/buttons with banner/site_banner_r3_c10.jpg" width="86" height="303" border="0" id="site_banner_r3_c10" alt="" /></td>
   <td><img name="site_banner_r3_c12" src="export/buttons with banner/site_banner_r3_c12.jpg" width="71" height="303" border="0" id="site_banner_r3_c12" alt="" /></td>
   <td><img name="site_banner_r3_c14" src="export/buttons with banner/site_banner_r3_c14.jpg" width="75" height="303" border="0" id="site_banner_r3_c14" alt="" /></td>
   <td><img name="site_banner_r3_c16" src="export/buttons with banner/site_banner_r3_c16.jpg" width="74" height="303" border="0" id="site_banner_r3_c16" alt="" /></td>
   <td><img name="site_banner_r3_c18" src="export/buttons with banner/site_banner_r3_c18.jpg" width="68" height="303" border="0" id="site_banner_r3_c18" alt="" /></td>
   <td><img src="export/buttons with banner/spacer.gif" width="1" height="303" border="0" alt="" /></td>
  </tr>
</table>
<div align="center"></div>
<table width="800" border="0" align="center">
  <tr>
    <td width="139" height="587">&nbsp;</td>
    <td width="511"><p align="center"><a href="/forums"><img src="/main_styles/banners_and_logos/Construction.png" border="0" alt="Forums" width="320" height="164" /></a></p>
    </td>
    <td width="136">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="21">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<h4 align="center">_____________________________________________________________________</h4>
</body>
</html>

I can't find a background image in the above script?

Member Avatar for Member #360561

I don't know why my background image isn't showing up.

I ran your script and all it showed me was the text "main logo".

Sure you can do better than that?

And what's the point of preloading images? Is your server excruciatingly slow? :)

I ran your script and all it showed me was the text "main logo".

Sure you can do better than that?

And what's the point of preloading images? Is your server excruciatingly slow? :)

I'm not having a problem with the main logo, it's the background (). I can't seem to get it centered, and for some reason it's only showing up in dreamweaver but not online.

Here ya go!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
<!--
body {background-color: black;}
.style2 {color: #FFFFFF}
-->
</style>
<!-- #EndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Gamer District.  Your source for next gen and retro gaming...</title>
</head>

<body>  
  <div align="center">
    <p><img src="" alt="" width="232" height="188" /></p>
    <p>&nbsp;</p>

    <p>&nbsp;</p>
    <p><a href="" target="_self"><img src="" alt="" width="320" height="164" border="0" /></a></p>
  </div>
<table width="100%" border="0" cellspacing="0" cellpadding="5">
<tr> 
<td valign="top" rowspan="2"><img src="images/spacer.gif" width="1" height="435" border="0" alt="" /></td>
<td height="294" valign="top"><!-- #BeginEditable "maincontent" -->
<span class="style2"></span>
<!-- #EndEditable --><span class="style2"></span>
</td>
</tr>
<tr> 
<td class="copyright" valign="bottom">
<h3 align="center" class="style2">_______________________________________________________</h3>

<p align="center">
<a href="mailto:corbett@gamerdistrict.com">Contact</a></p>
<p>&nbsp;</p>
<p align="center" class="copyright">
&copy; Copyright 2009-2009 , All rights reserved.
</p>
</td>
</tr>
</table>
</body>
</html>

yeah, thanks man I just switched it...

The <!-- --> tags should be removed. They cause troubles with new browsers.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.