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

Expandable content box

  • Hi,

    I'm having a problem with my main body content area. Each of the 4 sides has an image applied to it as a background i.e. gives it the dropshadow look.

    All of the images are displaying fine apart from the bottom one; see here: Fixed (See below)

    The bottom image doesn't show and so doesn't form a full content box. I was wondering if anybody could help me out.

    This is what it should look like: Fixed (see below)

    Thanks.

    Here's the particular bit off css code for that bottom image:
    #right p.rightBottom{
    display:block;
    background:url(images/right_bottom2.gif) 0 0 no-repeat;
    width:978px;
    height:20px;
    float:left;
    }


    p.s.: Cool forum design
  • "med" said:
    Hi,

    I'm having a problem with my main body content area. Each of the 4 sides has an image applied to it as a background i.e. gives it the dropshadow look.

    All of the images are displaying fine apart from the bottom one; see here: http://tinyurl.com/5knr9c

    The bottom image doesn't show and so doesn't form a full content box. I was wondering if anybody could help me out.

    This is what it should look like: http://tinyurl.com/5rnhyn

    Thanks.

    Here's the particular bit off css code for that bottom image:
    #right p.rightBottom{
    display:block;
    background:url(images/right_bottom2.gif) 0 0 no-repeat;
    width:978px;
    height:20px;
    float:left;
    }


    p.s.: Cool forum design


    Try adding
    <p class=\"rightBottom\"></p>
    just above your current html code
    </div>

    <!--right panel end -->


    That should do it.
  • Yep I think Brad is right! Searching the markup for "rightBottom" doesn't find anything.
  • Thanks for your help, totally missed that! :mrgreen: