The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Background image help From a newbe..

  • # February 3, 2010 at 8:00 am

    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:

    (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!!


    # February 3, 2010 at 6:03 pm

    This reply has been reported for inappropriate content.

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

    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

    I’ll try that out

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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed