treehouse : what would you like to learn today?
Web Design Web Development iOS Development

CSS trouble

  • I recently made a change to the image rotator on this site.
    The nameplate (which appears on the other pages), has fallen to the bottom of the home page.
    I have increased the size of the black box on the home page, but am not sure how to get the nameplate back into place. Here is the relevant CSS...

    Thanks, Kam

    http://www.michaelmcdonalddesigns.com/


    --------

    #homebox {
    height: 550px;
    width: 650px;
    padding-top: 30px;
    padding-left: 50px;
    padding-right: 50px;
    margin-top: 50px;
    margin-left: 175px;
    position: absolute;
    background-color:#000;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom right-radius: 0px;
    z-index:100;
    }


    .name {
    height: 77px;
    margin-top: 550px;
    margin-left: 175px;
    position:relative;
    z-index: 200;
    }
  • The name plate isn't inside the slider containing div, which i believe is the 'homebox' div...so naturally it will not be placed inside of the slider area...try moving it above the respective closing div tag...guaranteed that will work if your CSS is correct.

    At this point CSS isn't the issue.