Grow your CSS skills. Land your dream job.

CSS Text Area & background Help

  • # December 26, 2008 at 4:45 pm

    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.

    [img]http://ponyack.com/cssimages/CSS-BG.jpg[/img]

    Thanks,

    Ponyack

    # December 26, 2008 at 5:07 pm

    Could you post the code you’ve got now?

    # December 26, 2008 at 5:20 pm

    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.

    Code:
    #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);
    }
    # January 3, 2009 at 4:45 pm

    Hi,

    Anybody have any idea?

    Ponyack

    Rob
    # January 3, 2009 at 7:11 pm

    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.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".