0

Hello,

I'm having problems getting a repeating image to take up the full screen width outside of my page on the sides. The code of the page is what's tricky. I had someone else set up the page, and he coded it so the header image and menu stay still. The code is all on one html page...and he used javascript to call up the separate divs for the inner content. I've tried a page wrapping div around all of the content with a background color (just to see if it would work)...and it doesn't. The only way to get any color in the margins (didn't even try with a repeating image) is with the <body> tag...but that messes up a fade in feature he added with javascript. Any advice would be.

Here's part of the code on the page...I only pasted a few of the pages that are actually in the code between the header and footer. There is a css page for the "style" and "menu"...and one javascript page.

<html>
<head>
<meta charset="utf-8">
<title>Propeller Basin  storage dockage services New Baltimore Michigan</title>
<meta name=”description” content=”Page description” />
<meta name=”keywords” content=”winter,storage,summer, dockage, low rate, etc″>

<link rel="stylesheet" href="css/menu.css" type="text/css">
<link rel="stylesheet" href="css/style.css" type="text/css">
<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/pat.js"></script>
</head>

<body>

<!-- ...........................                 HEADER                  ........................................... -->

<div id="header">
<img src="img/BannerFinal.jpg" width="1026" height="304" alt="Propeller Basin Marina" usemap="#banner" style="border:0px; border-radius:0px;"/>

<map name="banner">
  <area shape="rect" coords="735,233,707,260" href="https://www.facebook.com/pages/Propeller-Basin-Marina/417133891667720" target="_blank" alt="Propeller Basin Facebook" title="Facebook" style="outline: 1px solid transparent;">
  <area shape="rect" coords="767,233,739,260" href="#" alt="" title="Coming Soon" style="outline: 1px solid transparent;">
  <area shape="rect" coords="735,263,707,290" href="#" alt="" title="Coming Soon" style="outline: 1px solid transparent;">
  <area shape="rect" coords="767,263,739,290" href="#" alt="" title="Coming Soon" style="outline: 1px solid transparent;">
</map>
</div>
<!-- ...........................                  MENU                  ........................................... -->
<div id="menu">
    <div id="menuleft">
    <ul  style="clear:both;margin:0px; width:163px;list-style-type: none;position:relative;left:-40px;top:-2px;">
        <li style="width:163px;">
          <div id="bthome" class="Level-1" ><a>Home</a></div>
        </li>
        <li style="width:163px;">
          <div id="btaboutus" class="Level-1"><a>About&nbsp;Us</a></div>
        </li>
        <li style="width:163px;">
          <div id="btwellmap" class="Level-1"><a>Well&nbsp;Map</a></div>
        </li>
        <li style="width:163px;">
          <div id="btwinterstorage" class="Level-1"><a>Winter&nbsp;Storage</a></div>
        </li>
        <li style="width:163px;">
          <div id="btsummerdockage" class="Level-1"><a>Summer&nbsp;Dockage</a></div>
        </li>
        <li style="width:163px;">
          <div id="btservices" class="Level-1-arrow"><a>Service</a></div>
        </li>
        <div  id="servicediv">
        <ul style="list-style-type: none;">
        <li style="width:163px;">
          <div id="btrepairs" class="Level-2"><a>Repairs</a></div>
        </li>       
        <li style="width:163px;">
          <div id="btshrinkwrap" class="Level-2"><a>Shrink&nbsp;Wrap</a></div>
        </li>       
        <li style="width:163px;">
          <div id="btcanvas" class="Level-2"><a>Canvas</a></div>
        </li>        
        <li style="width:163px;">
          <div id="btfiberglass" class="Level-2"><a>Fiberglass</a></div>
        </li>    
        </div>
        <li style="width:163px;">
          <div id="btrates" class="Level-1"><a>Rates</a></div>
        </li>
        <li style="width:163px;">
          <div id="btdirections" class="Level-1"><a>Directions</a></div>
        </li>
        <li style="width:163px;">
          <div id="btcontactus" class="Level-1"><a>Contact&nbsp;Us</a></div>
        </li>
        <li style="width:163px;">
          <div id="btlinks" class="Level-1"><a>Links</a></div>
        </li>
      </ul>
    </div>
    <a  href="#" title="Car/Boat/Antique...Buy/Sell/Trade...COMING SOON!"><img src="img/dcspokeiconb_w3.gif" style="border:0px; border-radius:0px;" width="163" height="163" alt="Cars, Boats, Antiques  Buy/Sell/Trade"/></a>
    <div id="lastfour">
    </div>
    <div id="greensquare">
    </div>
</div>
<!-- ...........................                 HOME                   ........................................... -->
<div id="home" class="hiderer">
    <div class="subleft">
        <p><img style="width:325px;position:relative;top:5px;left:10px;margin:0px 20px 40px 40px;float:right;" src="img/home/1.png" />
        <h3 style="display:inline;text-shadow: 1px 1px 1px gray;color: #0c4839;">Welcome to Propeller Basin Marina</h3> on beautiful Anchor Bay in Chesterfield Township, MI. We are conveniently located on Jefferson Ave. less than three minutes from the 21 Mile Road exit off I-94. Our facility is at the mouth of Salt River on Timber Creek, and we're a stone’s throw away from Lake St. Clair. With minimal river traffic to negotiate, you will be cruising on Anchor Bay within a few short minutes after casting off. Propeller Basin Marina has been family owned and operated for 40 years. We are a certified Mercruiser dealer with 20 ton hoists and 7 acres of storage space. Our Mercruiser licensed service staff has over 50 years of experience and is equipped to address any repairs.  Stop by to say hello and see why Propeller Basin’s the right choice for you! 
        </p>
        <br>
        <strong><p>48740 Jefferson Avenue<br>New Baltimore, MI<br>48047</p>
        <p>Hours: Monday – Friday: 8:30am – 6:00pm, Saturday: 8:30am – 4:00pm</p>
        <p>Office: (586) 725-0041<br>Fax: (586) 725-0046<br>Email: sales@propellerbasin.com</p>
        <p>Lat: 42.65746<br>Long: -82.78701</p>
        <p>Please take a tour of our website and see why Propeller Basin is the right choice for all your boating needs.</p></strong>
    </div>
</div>

<!-- ...........................                 ABOUT US                   ........................................... -->
<div id="aboutus" class="hiderer">
    <div class="subleft">
        <h3>ABOUT US</h3>
        <p>Propeller Basin Marina is in beautiful Anchor Bay on Lake St. Clair.  We are located in Chesterfield Township on Jefferson Ave. less than three minutes from the 21 Mile Road exit off I-94. Our facility is at the mouth of Salt River on Timber Creek. Unlike inland marinas, we are a stone’s throw away from the lake.  With minimal river traffic to negotiate, you will be cruising on Anchor Bay within a few short minutes after casting off. We are a certified Mercruiser dealer with 20 ton hoists and 7 acres of storage space. Our Mercruiser licensed service staff has over 50 years of experience and is equipped to address any repairs you might encounter.</p>

        <p>
        <img style="width:325px;position:relative;top:45px;left:5px;margin:0px 5px 40px 40px;float:right;" src="img/aboutus/2.jpg"/><h3 style="text-shadow: 1px 1px 1px gray;color: #0c4839;">History</h3>We’ve come a very long way! Propeller Basin Marina was started in 1955 on the Timber Creek tributary of the Salt River in Chesterfield Township. Our company has been family owned and operated since its founding, and we are proud to have retained ownership through the years along with the economic ups and downs of our fine state. As a family of carpenters, our early days were spent repairing wood hulls and decks, or building them from scratch. These days, we are just as dedicated to servicing any and all modern boating needs. In 2010, Propeller Basin acquired neighboring Kenny’s Marina. With competitive storage prices (we will match any written offer), a longstanding service reputation, and a soft spot for the guy just starting out, we hope to continue improving and growing for many years to come.</p>
        <p>
        <h3 style="text-shadow: 1px 1px 1px gray;color: #0c4839;">About Anchor Bay and Chesterfield</h3>The township of Chesterfield was founded in 1842 and was first settled by the Ojibwa/Chippewa tribes over 10,000 years ago. Although currently named for an Englishman, the earliest European settlers of the Salt River area were Frenchman who named their lakeside establishment “Saline”. They flourished in the area due to trapping and trading salt from the river with neighboring townships. The land where Propeller Basin currently stands is pictured below and was the spot of the original French settlements. Presently, Chesterfield proudly remains an important part of the largest boating community per capita in the entire world, with some of the best walleye and perch fishing on the planet right in our backyard. </p>
        <img style="width: 600px;display: block;margin-top:30px; margin-left: auto;margin-right: auto;" src="img/aboutus/1.jpg"/>
    </div>   
</div>
<div id="footer">
    <h4 style="position:relative;color:#FFAD00;font-weight: bold;padding:30px 0px 0px 0px;text-shadow: 1px 1px 1px gray;">Web Design By Propeller Basin Marina </h4>
        <ul> 
            <li><a href="?page=home">Home</a></li>
            <li><a href="?page=aboutus">About Us </a></li>
            <li><a href="?page=wellmap">Well Map</a></li>
            <li><a href="?page=winterstorage">Winter Storage</a></li>
            <li><a href="?page=summerdockage">Summer Dockage</a></li>
            <li><a href="?page=services">Services</a></li>
            <li><a href="?page=repairs">Repairs</a></li>
        </ul>    
            <ul> 
            <li><a href="?page=shrinkwrap">Shrink Wrap</a></li>
            <li><a href="?page=canvas">Canvas</a></li>
            <li><a href="?page=fiberglass">Fiberglass</a></li>
            <li><a href="?page=rates">Rates</a></li>
            <li><a href="?page=directions">Directions</a></li>
            <li><a href="?page=shrinkwrap">Contact Us</a></li>
            <li><a href="?page=links">links</a></li>
        </ul>    
    </div>
</body>
</html>
2
Contributors
1
Reply
19
Views
3 Years
Discussion Span
Last Post by Tu Dinh
This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.