Grow your CSS skills. Land your dream job.

Background image help From a newbe..

  • # February 3, 2010 at 8:00 am

    Hi
    Thanks for your time:)

    I have a background image of a watermark style logo to a div and In order to replicate the
    graphic design, I’d like to offset the background to the right – out of the div border.

    in the screenshot below of the graphic design I inserted a yellow vertical line to denote the
    approximate location of the div border to show how the background image of the logo (not the brown papery image) is supposed to protrude to the right.

    this is a link to an example page with my code and with a screenshot image of the original
    graphic design I’m trying to implement:
    http://download1.bytesinteractive.com/bg/background.html

    (I use a couple of nested divs since I need multiple background images in the header..)

    Does anyone have any advice as to how to achieve this?

    Thanks for any help!!

    Betsy

    # February 3, 2010 at 6:03 pm

    I think it would be easiest to make that the background image of the body.

    Code:
    body { background: #ccc url (imageurl.jpg) no-repeat scroll center top }
    # February 3, 2010 at 6:38 pm

    i agree with jamy_za

    ;)

    # February 4, 2010 at 4:55 am

    Thanks!
    I’ll try that out
    Betsy

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

You must be logged in to reply to this topic.

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