• # April 25, 2008 at 3:37 pm


    I am going through Chris’s first few lessons that take a PS mockup and slices it into CSS. I am having a bit of trouble getting a smooth transition from the header graphic to the repeating background image. The code is working just fine, however the repeating image is not smooth. Is there some sort of trick I need to do when exporting from PS?

    To ensure that I had an image that would match exactly, I took a sliver off the left side of the header grahpic, then repeated it. As you can see, it appears choppy.

    Thank you for your help!

    # April 26, 2008 at 6:55 am
    You should also make sure that the area that you slice out for your sliver does not have anything that isn’t 100% horizontally repeatable.

    It looks like this is the case. The sliver that you took of the left has a drop shadow that doesn’t stretch the whole way across the image, so when it is repeated, it isn’t smooth. Try taking a slice from further along the image, but still where the blue colour is correct.

    # April 26, 2008 at 11:01 am

    Thanks everyone, that did it.

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

You must be logged in to reply to this topic.