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

CSS Text Area & background Help

  • Hi,

    I have included an image of what I am trying to accomplish.

    Basically I need some advice on how to set up the CSS for setting up the background and a expandable text area.

    http://ponyack.com/cssimages/CSS-BG.jpg

    Thanks,

    Ponyack
  • Could you post the code you've got now?
  • Hi,

    thanks for the quick reply. This is what I have been trying out.

    it does not work and I am concerned about getting the text to work. I am also wondering if this is the best approach?

    Inside content2 is where the text area and images will be.



    #content {
    float: right;
    width: 625px;
    }
    #content1 {
    width: 625px;
    height: 204px;
    background-image: url(images/image_01.png);
    }
    #content2 {
    width: 625px;
    background-image: url(images/image_02.png);
    background-repeat: repeat-x;
    }
    #content3{
    width: 625px;
    height: 193px;
    background-image: url(images/image_03.png);
    }
  • Hi,

    Anybody have any idea?

    Ponyack
  • I would slice it differently.

    I would take your red band there, take a 1px horizontal slice (or just get the correct #colour), centre it and repeat it y down the page.

    Then I would build your boxes over it. This means you dont have to worry about alot of issues I could see happening...

    Other than that it would be great to have your current site linked so we could see live code - its easyer for us to help that way.