Grow your CSS skills. Land your dream job.

Background images not lining up

  • # March 12, 2009 at 8:11 pm

    So I just posted under a different title asking for help with some nav images not lining up.
    I’ve fixed that and now I have a small aesthetic issue…

    I’ve taken a slice out of my photoshop mockup to make an expandable main-content area. I’m seeing gaps in the drop shadows where the image repeats itself. Subtle but annoying. Any ideas?

    http://www.osulmusic.com/test

    css for the ‘main-content’ and ‘article’ divs…

    CSS:

    Code:
    div#page-wrap{
    width:650px;
    margin: 0 auto;
    background:url(images/content-bg.jpg) repeat-y ;

    }

    div#main-content{padding: 10px 40px 40px 50px;

    }

    div#article {
    width: 500px;
    float: left;
    color:white;
    }

    # March 13, 2009 at 2:14 pm

    hehe this is not a css issue, but if you look close at your repeating background, your gna see that the top 10px of the shadow is fading out. Thats why it looks like its not repeating correctly.

    Fix ur image and ur good to go~ :-)

    # March 13, 2009 at 3:57 pm

    Yar, so ’tis. Thanks!

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

You must be logged in to reply to this topic.

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