logo-dw

Go Back   Dreamweaver Club Forums > Hand Coders Forum > HTML and CSS
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 09-02-2011, 06:23 PM   #1
WebGirly3
WebGirly3's Avatar
 
Join Date: Aug 2011
Posts: 34
Default Mysterious shadow line from CSS & locked content

http://www.gulfwebservices.com/clients/ccr/index.html

I have shadows around some of my content but for some reason, one line is showing out of place. If you scroll down towards the bottom, you see a shadow line going across the entire page. I've removed every class from my css file one-at-a-time and nothing seems to get rid of this line. I don't even have a shadow around anything that is 100% of the screen. I'm stumped..

Also, in Dreamweaver, my content is locked, uneditable unless I change the text through the code. It has nothing to do with the Template, I believe it could be the z-index as well. Not sure..

My CSS knowledge is not very extensive so it's probably something easy to a trained eye. I'm still learning so I appreciate the help from the forums and I've been using them a lot lately! Here's my CSS:

Code:
* {
    vertical-align: baseline;
    border: 0 none;
    outline: 0;
}

body {
    background-image: url(../images/bg.gif);
    padding: 0;
    margin: 0;
}

#outerWrapper {
    position:relative;
    width: 960px;
    background-color: #f5f3ef;
    overflow: visible;
    margin-right: auto;
    margin-left: auto;
    -moz-box-shadow: 0px 0px 20px #000;
    -webkit-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000;
    z-index: -1;
    height: 100%;
    margin-bottom: auto;
}

#outerWrapperForListings {
    position:relative;
    width: 960px;
    background-color: #f5f3ef;
    overflow: visible;
    margin-right: auto;
    margin-left: auto;
    -moz-box-shadow: 0px 0px 20px #000;
    -webkit-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000;
    z-index: 0;
    height: 100%;
    margin-bottom: auto;
}

#headerWrapper {
    width: 100%;
    background-image: url(../images/headerbg.gif);
    height: 129px;
    overflow: visible;
    clear: both;
}

#header {
    width: 960px;
    overflow: auto;
    margin-right: auto;
    margin-left: auto;
    clear: both;
}

#headerContent  {
    float: left;
    width: 657px;
}

#headerSidebar {
    float: right;
    width: 303px;
    height: 129px;
    line-height: 15px;
    text-align: right;
    background-image: url(../images/navright.gif);
    background-repeat: no-repeat;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
}

logo {
    float: left;
    height: 128px;
    width: 277px;
}

#navWrapper {
    position: relative;
    width: 100%;
    background-image: url(../images/navbg.gif);
    background-repeat: repeat-x;
    position: static;
    clear: both;
    height: 34px;
    z-index: 20;
}

#nav {
    width: 968px;
    margin-right: auto;
    margin-left: auto;
    height: 34px;
}

#contentWrapper {
    width: 100%;
    overflow: auto;
}

#content {
    float: left;
    width: 910px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
    margin-top: 10px;
    margin-right: 25px;
    margin-bottom: 20px;
    margin-left: 25px;
}

#contentForListings {
    float: left;
    width: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 15px;
    margin-left: 20px;
    overflow: visible;
}

#contentSidebar {
    float: right;
    width: 284px;
    margin-bottom: auto;
    margin-right: auto;
    background-color: #369;
    height: 330px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #F5F3EF;
    line-height: 18px;
    padding-top: 15px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
}

.listingsnav {
    background-color: #E4DFD1;
    height: auto;
    width: auto;
    margin: 0px;
}

.listingsnav ul  {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.listingsnav ul li {
    display: inline;
    font-family: "Times New Roman", Times, serif;
    font-size: 19px;
    color: #293E11;
    /* [disabled]padding: 12px; */
    /* [disabled]line-height: 30px; */
}

.listingsnavSeparator {
    font-family: "Times New Roman", Times, serif;
    font-size: 24px;
    color: #293E11;
    margin: 0px;
}

.listingsnav ul li a {
    text-decoration: none;
    color: #293E11;
    line-height: 37px;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 8px;
    padding-left: 16px;
}

.carlbetsyphoto {
    border: 1px solid #333;
    padding: 4px;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 165px;
    height: 124px;
    background-color: #84A8D9;
}

#ListingsContent {
    float: left;
    width: 650px;
    margin-right: 20px;
    position: relative;
    height: 320px;
    margin-top: 10px;
    padding-right: 5px;
    padding-left: 5px;
    z-index: 10;
}

#ListingsSidebar {
    clear: both;
    float: right;
    width: 220px;
    position: relative;
    height: 320px;
    margin-bottom: auto;
    margin-top: 20px;
    margin-right: auto;
    background-color: #3366A8;
    color: #CCC;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    font-size: 14px;
}

#ListingsSidebar a {
    color: #FFF;
}

.listingsnav ul li a:hover {
    text-decoration: none;
    background-color: #CDC4AB;
}

#footerWrapper {
    width: 960px;
    overflow: visible;
    clear: both;
    -moz-box-shadow: 0px 0px 20px #000;
    -webkit-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000;
    z-index: -5;
    margin-right: auto;
    margin-left: auto;
}

.headernav {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: #369;
    text-decoration: none;
    margin-right: 115px;
    margin-top: 34px;
    margin-bottom: 0px;
}

.headernav a {
    text-decoration: none;
}

.headerPhone {
    font-family: "Times New Roman", Times, serif;
    font-weight: bold;
    color: #70B0CF;
    font-size: 21px;
    letter-spacing: .5px;
    margin-right: 95px;
    margin-top: 4px;
    line-height: 21px;
}

#footer {
    background-color: #CFEAA8;
    width: 100%;
    overflow: auto;
    clear: both;
}

h1 {
    font-family: "Times New Roman", Times, serif;
    font-size: 24px;
    color: #369;
    letter-spacing: 1px;
    font-weight: normal;
    line-height: 26px;
}

h2 {
    font-family: "Times New Roman", Times, serif;
    font-size: 24px;
    color: #333;
    background-color: #CFEAA8;
    letter-spacing: 1px;
    padding-right: 6px;
    padding-left: 6px;
    float: left;
    padding-top: 6px;
    width: auto;
    clear: both;
    font-weight: normal;
    margin-top: 5px;
    position: relative;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h3 {
    font-size: 20px;
    font-weight: normal;
    line-height: 25px;
    color: #333;
}

h4 {
    font-size: 18px;
    font-weight: normal;
    line-height: 22px;
    margin: 0px;
    padding: 0px;
}

.bottomnavh1bg {
    background-image: url(../images/footerbg.gif);
    background-repeat: repeat-x;
    padding-left: 15px;
    width: 265px;
    background-position: center top;
    float: left;
    list-style-image: url(../images/bullet.gif);
    padding-top: 0px;
    padding-right: 15px;
    padding-bottom: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 0px;
    margin-left: 10px;
}

.bottomnavh1bg ul li a {
    color: #333;
    text-decoration: none;
}

.bottomnavh1bg ul li a:hover {
    color: #000;
    text-decoration: underline;
}

.bottomnavh1bg ul li a:visited {
    color: #333;
    text-decoration: none;
}

#slideshow {
    padding: 0px;
    margin:0;
    clear: both;
    height: 350px;
    width: 675px;
    position: relative;
    z-index: 5;
    float: left;
} 

#contentSidebar img {
    border: thin solid #CCC;
    margin-bottom: 6px;
}
#slideshow-caption{
    padding:0;
    margin:0;
}

#slideshow img, #slideshow div {  
    padding: 0px;
    background-color: transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px; 
    margin: 0; 
}
Thank you in advance for your help!

Last edited by Corrosive; 09-02-2011 at 06:48 PM.. Reason: wrapped in code tags
WebGirly3 is offline   Reply With Quote
Old 09-02-2011, 06:35 PM   #2
WebGirly3
WebGirly3's Avatar
 
Join Date: Aug 2011
Posts: 34
Default

My HTML

Code:
<!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"><!-- InstanceBegin template="/Templates/mainccr.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Country Club Rentals</title>
<!-- InstanceEndEditable -->
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="scripts/jquery-1.6.min.js" type="text/javascript"></script>
<script src="scripts/jquery.cycle.all.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<script type="text/xml">
<!--
<oa:widgets>
  <oa:widget wid="2559022" binding="#slideshow" />
</oa:widgets>
-->
</script>
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
<link href="css/ccrmain.css" rel="stylesheet" type="text/css" />
</head>

<body>
<!-- HEADER -->
<div id="headerWrapper">
<div id="header">
<div id="headerContent"><a href="index.html"><img src="images/logo.gif" width="283" height="129" border="0" /></a></div>
<div id="headerSidebar">
  <p class="headernav"><a href="index.html">Home</a> | <a href="#">Contact</a></p>
  <p class="headerPhone">866-982-7368<br />
    239-425-0966</p>
</div>
</div></div>
<!-- END HEADER -->

<!-- NAVIGATION -->
<div id="navWrapper">
  <div id="nav">
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="#"><img src="images/nav_furnished_rentals.gif" width="193" height="34" border="0" /></a>
        <ul>
          <li><a href="furnished/colonial/index.html">Colonial Country Club</a></li>
          <li><a href="furnished/heritage/index.html">Heritage Palms Country Club</a></li>
          <li><a href="furnished/legends/index.html">Legends Country Club</a></li>
          <li><a href="furnished/pelican/index.html">Pelican Preserve</a></li>
          <li><a href="furnished/plantation/index.html">Plantation</a></li>
          <li><a href="furnished/renaissance/index.html">Renaissance</a></li>
        </ul>
      </li>
      <li><a href="#"><img src="images/nav_unfurnished.gif" width="235" height="34" border="0"/></a>
      <ul>
          <li><a href="unfurnished/colonial/index.html">Colonial Country Club</a></li>
          <li><a href="unfurnished/heritage/index.html">Heritage Palms Country Club</a></li>
          <li><a href="unfurnished/legends/index.html">Legends Country Club</a></li>
          <li><a href="unfurnished/miromar/index.html">Miromar Lakes</a></li>
          <li><a href="unfurnished/pelican/index.html">Pelican Preserve</a></li>
          <li><a href="unfurnished/plantation/index.html">Plantation</a></li>
          <li><a href="unfurnished/renaissance/index.html">Renaissance</a></li>
          <li><a href="unfurnished/sandoval/index.html">Sandoval Cape Coral</a></li>
          <li><a href="unfurnished/colonnade/index.html">Colonnade at the Forum</a></li>
        </ul>
        </li>
      <li><a href="#"><img src="images/nav_community.gif" width="218" height="34" border="0" /></a>
      </li>
      <li><a href="#"><img src="images/nav_owner_info.gif" width="205" height="34" border="0"/></a></li>
      <li><a href="#"><img src="images/nav_location.gif" width="101" height="34" border="0"/></a></li>
    </ul>
</div>
</div>
<!-- END NAVIGATION -->

<!-- CONTENT -->
<div id="outerWrapper">
<div id="contentWrapper">
  <!-- InstanceBeginEditable name="body" -->
<script type="text/javascript">
// BeginOAWidget_Instance_2559022: #slideshow

               slideshowAddCaption=false;
$(document).ready(function() {
    $('#slideshow').cycle({
        after:            slideshowOnCycleAfter, //the function that is triggered after each transition
        autostop:            false,     // true to end slideshow after X transitions (where X == slide count) 
        fx:                'fade,',// name of transition effect 
        pause:            true,     // true to enable pause on hover 
        randomizeEffects:    true,  // valid when multiple effects are used; true to make the effect sequence random 
        speed:            3000,  // speed of the transition (any valid fx speed value) 
        sync:            true,     // true if in/out transitions should occur simultaneously 
        timeout:        3000,  // milliseconds between slide transitions (0 to disable auto advance) 
        fit:            false,
        height:           '350px',
        width:         '640px'   // container width (if the 'fit' option is true, the slides will be set to this width as well) 
    });
}); 
function slideshowOnCycleAfter() { 
    if (slideshowAddCaption==true){
            $('#slideshow-caption').html(this.title); 
    }
} 
        
// EndOAWidget_Instance_2559022
      </script>
<div id="slideshow">
        <!--All elements inside this will become slides-->
        <img src="images/sideshow/photo01.jpg" width="640" height="350" title="caption for image1" /> <img src="images/sideshow/Photo02.jpg" width="640" height="350" title="caption for image2" /> <img src="images/sideshow/Photo03.jpg" width="640" height="350" title="caption for image3" />
</div>
<div id="contentSidebar">
<img src="images/carl_betsy_small.jpg" width="150" height="113" /><br />
<strong>Carl and Betsy Smith - Owners</strong>

<p><strong>Country Club Rentals, Inc.</strong><br />
 8961 Daniels Center Drive, Suite 407<br>
 Fort Myers, Florida 33912<br>
<br>
 Phone: (239) 425-0966 or 1-866-982-7368<br>
 Fax: 239-425-8600<br>
 Email: Carl@countryclubrentalsinc.com<br>
 Betsy@countryclubrentalsinc.com</p></div>
  <div id="content">
<p>Country Club Rentals Inc. provides rental services in several premiere Fort Myers, Florida, Golf &amp; Country Clubs including Heritage Palms, Legends, Colonial, Renaissance and Pelican Preserve. Rentals include vacation rentals (furnished rental properties) and long-term rentals (furnished or unfurnished rental properties).</p>
      <p>Whether you are looking to secure a golf vacation rental, a social-only vacation rental or looking to find that perfect long-term rental property in a Fort Myers Golf &amp; Country Club environment we can help. We offer many living styles including condos, carriage homes, villas, and single family homes. Rental properties may be either furnished or unfurnished, with or without golf equity. Some homes offer private heated swimming pools and spas.</p>
      <p>Each property offers its own unique attributes.  All offer championship golf courses designed by some of the greatest golf course designers in the business. Many offer water views and golf course views.</p>

<p>You'll find anywhere from 18 to 36 holes of championship golf, depending upon the club you choose. For those who enjoy the sport of tennis, Har-Tru Tennis Courts abound. The clubhouse is the social epicenter for the guest who enjoys interaction with others. To further enhance your country club experience each clubhouse offers a full service restaurant where you'll experience a vast array of menu items as well as "theme" nights during season.</p>

<p>Country Club Rentals is a full service rental organization, offering what we believe is exceptional service to our vacation and long-term guests. As you peruse the properties on our web site you'll be able to read a description, see the location of the property within the country club, view floor plans and photos. The web site also includes prices for available properties. When it comes to vacation rentals or long term rental opportunities we believe we offer the best of the best in Fort Myers. Our properties are centrally located and convenient to the Fort Myers airport, shopping, and the islands of Sanibel and Captiva as well as Fort Myers beach.</p>
 
<p>We'd be pleased to answer any questions you might have. Please call Carl or Betsy, Toll Free, at 866-982-7368 or locally at 239-425-0966. You can e-mail us by using Carl@CountryClubRentalsInc.com  or Betsy@CountryClubRentalsInc.com.</p>
    </div>
<!-- InstanceEndEditable -->
  </div>
</div>
<!-- END CONTENT -->

<!-- FOOTER -->
<div id="footerWrapper">
<div id="footer">
  <div class="bottomnavh1bg">
          <h2>Furnished Rentals</h2><br clear="all" />
          <ul>
            <li><a href="furnished/colonial/index.html">Colonial Country Club</a></li>
            <li><a href="furnished/heritage/index.html">Heritage Country Club</a></li>
            <li><a href="furnished/legends/index.html">Legends Country Club</a></li>
            <li><a href="furnished/pelican/index.html">Pelican Preserve</a></li>
            <li><a href="furnished/plantation/index.html">The Plantation</a></li>
            <li><a href="furnished/renaissance/index.html">Renaissance</a></li>
          </ul>
        </div>
<div class="bottomnavh1bg">
          <h2>Unfurnished Rentals</h2><br clear="all" />
          <ul>
            <li><a href="unfurnished/colonial/index.html">Colonial Country Club</a></li>
            <li><a href="unfurnished/heritage/index.html">Heritage Country Club</a></li>
            <li><a href="unfurnished/legends/index.html">Legends Country Club</a></li>
            <li><a href="unfurnished/miromar/index.html">Miromar Lakes</a></li>
            <li><a href="unfurnished/pelican/index.html">Pelican Preserve</a></li>
            <li><a href="unfurnished/plantation/index.html">The Plantation</a></li>
            <li><a href="unfurnished/renaissance/index.html">Renaissance</a></li>
            <li><a href="unfurnished/sandoval/index.html">Sandoval Cape Coral</a></li>
            <li><a href="unfurnished/colonnade/index.html">Colonnade at the Forum</a></li>
          </ul>
        </div>
  <div class="bottomnavh1bg">
          <h2>Listings by Community</h2><br clear="all" />
          <ul>
            <li>Colonial Country Club</li>
            <li>Heritage Country Club</li>
            <li>Legends Country Club</li>
            <li>Miromar Lakes</li>
            <li>Pelican Preserve</li>
            <li>The Plantation</li>
            <li>Renaissance</li>
            <li>Sandoval Cape Coral</li>
            <li>Colonnade at the Forum</li>
          </ul>
        </div>
</div>
</div>
<!-- END FOOTER -->

<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
<!-- InstanceEnd --></html>

Last edited by Corrosive; 09-02-2011 at 06:48 PM.. Reason: wrapped in code tags
WebGirly3 is offline   Reply With Quote
Old 09-02-2011, 06:49 PM   #3
Corrosive
Corrosive's Avatar
 
Join Date: Feb 2008
Location: Bristol, England
Posts: 7,103
Default

Don't mind you posting code but please wrap it in code tags. The # symbol when you make a post. Thanks
Corrosive is offline   Reply With Quote
Old 09-02-2011, 06:52 PM   #4
Corrosive
Corrosive's Avatar
 
Join Date: Feb 2008
Location: Bristol, England
Posts: 7,103
Default

It's not in the CSS, it is in the image.
Corrosive is offline   Reply With Quote
Old 09-02-2011, 08:37 PM   #5
DWcourse
DWcourse's Avatar
 
Join Date: Apr 2009
Posts: 3,276
Default

Right, your page is longer than your background image so it's tiling.
__________________
If my answer helped, check out DWcourse.com for Dreamweaver tips and tutorials.
DWcourse is offline   Reply With Quote
Old 09-02-2011, 10:13 PM   #6
WebGirly3
WebGirly3's Avatar
 
Join Date: Aug 2011
Posts: 34
Default

Wow.. that was too obvious! Sorry for the post, I didn't realize I needed a code tag. Thanks for the help.. I wasted all too much time on something was was so simple.
WebGirly3 is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 06:43 PM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com