Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Sep 2007
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS black blocks???

    I don't know what the problem is...I'm sure it's really simple. I'm trying to teach myself CSS so this is my first attempt. Here's the page I'm working on - http://www.happyhourhousewives.com, and you can see the black blocks at the bottom of the page, where I want it to be white.
    Any help would be GREATLY appreciated!!

    Here's my CSS -



    html {
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-image: url(happyimages/wallpaper4.gif) background-attachment: fixed)
    color: #5f5455;
    text-align: center;
    }

    body {
    margin: 20px auto 0 auto;
    text-align: left;
    width: 703px;
    background-color: #FFFFFF;
    color: #FFFFF;
    }

    html > body {
    background: #FFFFFF url(happyimages/logo.gif) repeat-y center;
    }

    div#container {
    background: #282828 url(happyimages/logo.gif) repeat-y center;
    width: 703px;
    }

    ul#topnav {
    margin: 0;
    padding: 10;
    height: 33px;
    background: #282828 url(happyimages/logo.gif) no-repeat bottom right;
    }

    ul#topnav li {
    list-style-type: none;
    float: left;
    display: block;
    margin: 0;
    padding: 10;
    }

    ul#topnav li a.bigtab:link, ul#topnav li a.bigtab:visited {
    background: #282828 url(happyimages/logo.gif) no-repeat;
    height: 24px;
    width: 65px;
    padding: 10px 0 0 0;
    text-align: center;
    font-size: 9px;
    color: #bfb2b3;
    text-decoration: none;
    display: block;
    }

    ul#topnav li a.bigtab:hover, ul#topnav li a.bigtab:active {
    background: #282828 url(happyimages/logo.gif) no-repeat;
    color: #5f5455;
    height: 24px;
    width: 65px;
    padding: 10px 0 0 0;
    text-align: center;
    font-size: 9px;
    display: block;

    }


    ul#topnav li a.smalltab:link, ul#topnav li a.smalltab:visited {
    background: #282828 url(happyimages/logo.gif) no-repeat;
    height: 24px;
    width: 235px;
    padding: 10px 0 0 0;
    text-align: left;
    font-size: 9px;
    color: #bfb2b3;
    text-decoration: none;
    display: block;
    }

    ul#topnav li a.smalltab:hover, ul#topnav li a.smalltab:active {
    background: #282828 url(happyimages/logo.gif) no-repeat;
    color: #5f5455;
    height: 24px;
    width: 235px;
    padding: 10px 0 0 0;
    text-align: left;
    font-size: 9px;
    display: block;

    }

    ul#topnav li a.smalltab:link, ul#topnav li a.smalltab:visited {
    background: #282828 url(happyimages/logo.gif) no-repeat;
    height: 24px;
    width: 110px;
    padding: 10px 0 0 0;
    text-align: left;
    font-size: 9px;
    color: #bfb2b3;
    text-decoration: none;
    display: block;
    }

    ul#topnav li a.smalltab:hover, ul#topnav li a.smalltab:active {
    background: #282828 url(happyimages/logo.gif) no-repeat;
    color: #5f5455;
    height: 24px;
    width: 110px;
    padding: 10px 0 0 0;
    text-align: left;
    font-size: 9px;
    display: block;

    }
    div#left {
    width: 150px;
    height: 1900px;
    float: left;
    background-color: #fff;
    color: inherit;
    }

    div#left h2 {
    font-size: 10px;
    font-weight: normal;
    background-color: inherit;
    color: #fff;
    margin: 0;
    padding: 12px 0 0 15px;
    background-image: url(happyimages/left_content_header.gif);
    height: 20px;
    width: 150px;
    }

    ul#leftnav {
    margin: 0;
    padding: 0;
    }

    ul#leftnav li {
    list-style-type: none;
    display: block;
    margin: 0;
    background-image: url(happyimages/left_nav_link_bg.gif);
    }

    ul#leftnav li a:link, ul#leftnav li a:visited {
    background-color: inherit;
    color: #5f5455;
    text-decoration: none;
    display: block;
    height: 20px;
    padding: 6px 0 0 20px;
    }

    ul#leftnav li a:hover, ul#leftnav li a:active {
    background-image: url(happyimages/left_nav_link_bg_hover.gif);
    display: block;
    height: 20px;
    }

    #art {
    margin: 0;
    padding: 10px;


    }

    div#right {
    width: 485px;
    float: right;
    background-color: #fff;
    color: inherit;
    }






    div#right h2 {
    font-size: 10px;
    font-weight: normal;
    color: #c1b1b3;
    margin: -3px 0 0 0;
    background: #fff url(happyimages/main_content_header.gif) no-repeat;
    height: 25px;
    width: 485px;
    padding: 12px 0 0 15px;
    }

    div#container > div#right h2 {
    margin: 0;
    background: #fff url(happyimages/main_content_header.gif) no-repeat;
    }

    div#maincontent {
    width: 485px;
    background: #fff url(happyimages/main_content_header.gif) no-repeat;
    }
    div#maincontent p {
    margin: 0;
    padding: 10px 10px 10px 5px;
    background: #fff url(happyimages/main_content_header.gif) no-repeat;

    }

    a:link,a:visited {
    color: #9b346c;
    text-decoration: none;
    }

    a:hover, a:active {
    color: #e57aa5;
    }

    h3 {
    margin: 5px 0px 0px 0px;
    padding: 5px 0px 5px 5px;
    width: 485px;
    background: #f0f0f0;
    font-size: 10px;
    }

    p#footer {
    clear: both;
    width: 701;
    height: 26px;
    padding: 10px 0px 0px 0px;
    background: #d2cfd0;
    border: 1px solid #fff;
    border-top: 0;
    color: #fff;
    text-align: center;
    font-size: 8px;
    margin: 0;
    }

  • #2
    Regular Coder
    Join Date
    Feb 2007
    Location
    Canada
    Posts
    924
    Thanks
    10
    Thanked 56 Times in 55 Posts
    I am seeing pictures there. Clear your cache???


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •