19 Replies Latest reply: Jul 18, 2012 3:37 PM by jsmcrawler RSS

    Won't display background image in browser.

    jsmcrawler Community Member

      My background image displays in dreamweaver and in the live view but it doesn't display in the browser when I try to view in a browser or when I publish the website.  I have spend hours looking for a solution and I am not sure what the problem is. I have checked the code on the following websites and it comes out ok:

      http://jigsaw.w3.org/css-validator/validator

      http://validator.w3.org/check

       

      I have also tried my code with and without the overflow: hidden;  under #container where the image should be displayed.  (i was trying a new way to design -ie without basic grid and floating everything so the container can be removed if needed)

       

      here is my code. Please help!!! thank you in advance!!!

       

       

      <!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>

      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

      <title>Jan Kardys' Literary Agency</title>

      <style type="text/css">

      #header {

          font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

          float: left;

          width: 930px;

          color: #3F9;

      }

      #Menu_bar {

          float: left;

          width: 190px;

      }

      #Page_Content {

          float: right;

          width: 725px;

          height: 500px;

      }

      #footer {

          float: left;

          width: 930px;

      }

      #Main_content {

          float: left;

          width: 510px;

      }

      #xtra_content {

          float: right;

          width: 190px;

      }

      #container {

          width:  930px;

          margin: 0 auto;

          background-image: url(/Images/Parchment.gif);

          overflow: hidden;

      }

      </style>

      <script src="file:///C|/Users/james/Documents/DREAMWEAVER SITES/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>

      <link href="file:///C|/Users/james/Documents/DREAMWEAVER SITES/SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />

      <style type="text/css">

      body {

         

      }

      </style>

      </head>

       

      <body>

      <div id= "container">

      <div id="header"><h1>Jan kardy's Literary Agency</h1></div>

      <div id="Menu_bar">

        <ul id="Vertical_menubar" class="MenuBarVertical">

          <li><a href="#">Home</a></li>

          <li><a href="#">About Jan Kardys</a></li>

          <li><a class="MenuBarItemSubmenu" href="#">Rescources</a>

            <ul>

              <li><a class="MenuBarItemSubmenu" href="#">Education Connection</a>

             

              </li>

              <li><a href="#">Submission Guidelines</a></li>

              <li><a href="#">First Steps to Publishing</a></li>

              <li><a href="http://advancenetworkingunicorn.blogspot.com/">Advanceced Networkinig Blog</a></li>

              <li><a href="#">Library &amp; Publishing Events</a></li>

      </ul>

          </li>

          <li><a href="#">Client Links</a></li>

          <li><a href="#">Art Gallery</a></li>

          <li><a href="#">Contact Jan Kardys</a></li>

        </ul>

      </div>

      <div id="Page_Content">

        <div id="Main_content">Content for  id "Main_content" Goes Here</div>

        <div id="xtra_content"><h3>News &amp; Events

          </h3>

          <p><a title="http://scotlandpubliclibrary.org/" onkeypress="window.open(this.href); return false;" onclick="window.open(this.href); return false;" href="http://scotlandpubliclibrary.org/">Scotland Public Library</a>, Scotland, CT April 21, 2011 6-8pm<br />

        </p>

          <p><a title="http://www.plymouthct.us/library.htm" onkeypress="window.open(this.href); return false;" onclick="window.open(this.href); return false;" href="http://www.plymouthct.us/library.htm">Plymouth CT Library</a>, Plymouth, CT April 30, 2011 10am<br />

          </p>

          <p><a title="http://www.hplct.org/" onkeypress="window.open(this.href); return false;" onclick="window.open(this.href); return false;" href="http://www.hplct.org/">Hartford Public Library</a>, Hartford, CT May 7, 2011 10am<br />

          </p>

          <p><a title="http://www.middleburghlibrary.org/" onkeypress="window.open(this.href); return false;" onclick="window.open(this.href); return false;" href="http://www.middleburghlibrary.org/">Middleburgh Library</a>, Middleburgh, NY May 14, 2011 1pm<br />

          </p>

          <p><a title="http://dewlib.org/" onkeypress="window.open(this.href); return false;" onclick="window.open(this.href); return false;" href="http://dewlib.org/">Dewitt Community Library</a>, Dewitt, NY June 21, 2011 7pm<br />

          </p>

          <p><a title="http://gilfordlibrary.org/gpl/" onkeypress="window.open(this.href); return false;" onclick="window.open(this.href); return false;" href="http://gilfordlibrary.org/gpl/">Gilford Public Library</a>, Gilford, NH July 7, 2011 6:30-7:30pm<br />

          </p>

          <p><a title="http://www.athollibrary.org/" onkeypress="window.open(this.href); return false;" onclick="window.open(this.href); return false;" href="http://www.athollibrary.org/">Athol Public Library</a> Athol, MA July 14, 2011 5:30pm<br />

          </p>

          <p><a title="http://www.goshenpublib.org/" onkeypress="window.open(this.href); return false;" onclick="window.open(this.href); return false;" href="http://www.goshenpublib.org/">Goshen Public Library</a> Goshen, CT July 23, 2011 11am<br />

          </p>

          <p><a title="http://columbiactlibrary.org/" onkeypress="window.open(this.href); return false;" onclick="window.open(this.href); return false;" href="http://columbiactlibrary.org/">Saxton B. Little Free Library</a>, Columbia, CT July 26, 2011 6:45pm<br />

          </p>

          <p><a title="http://hampden-library.org/" onkeypress="window.open(this.href); return false;" onclick="window.open(this.href); return false;" href="http://hampden-library.org/">Hampden Public Library</a>, Hampden, MA Sept. 10, 2011 10:30am<br />

          </p>

          <p><a title="http://fortlee.bccls.org/" onkeypress="window.open(this.href); return false;" onclick="window.open(this.href); return false;" href="http://fortlee.bccls.org/">Fort Lee Public Library</a>, Fort Lee, NJ Sept. 14, 2011 7:00pm<br />

          </p>

          <p><a title="http://prosserlibrary.info/" onkeypress="window.open(this.href); return false;" onclick="window.open(this.href); return false;" href="http://prosserlibrary.info/">Prosser Public Library</a>, Bloomfield, CT October 3, 2011 6:00-8:00pm<br />

          </p>

          <p><a title="http://iwwg.org" onkeypress="window.open(this.href); return false;" onclick="window.open(this.href); return false;" href="http://iwwg.org">IWWG. org</a>, New York City, October 16, 2011 2:30-6pm<br />

          </p>

          <p><a title="http://www.hchlibrary.org/" onkeypress="window.open(this.href); return false;" onclick="window.open(this.href); return false;" href="http://www.hchlibrary.org/">Henry Carter Hull Library</a>, Clinton, CT October 24, 2011 6:30pm<br />

          </p>

          <p><a href="http://town.canton.ma.us/library" title="http://town.canton.ma.us/library">Canton Public Library</a>, Canton MA Janurary 7, 2012  2:00pm<br />

          </p>

          <p><a href="http://www.town.sturbridge.ma.us/Public_Documents/F0000F86A/library" title="http://www.town.sturbridge.ma.us/Public_Documents/F0000F86A/library">Joshua Hyde Library</a>, Sturbridge, MA March 24, 2012 10:30am<br />

          </p>

          <p>Otis Library Norwich, CT April 14, 2012 12:00am-2:00pm<br />

          </p>

        </div>

      </div>

      <div id="footer"> <h6>Webpage designed by James S. Molina</h6></div>

      <script type="text/javascript">

      var MenuBar1 = new Spry.Widget.MenuBar("Vertical_menubar", {imgRight:"/SpryAssets/SpryMenuBarRightHover.gif"});

      </script>

      </div></body>

      </html>