Skip to main content

Forums

Home Forums CSS Trouble with repeating header image

This topic contains 4 replies, has 0 voices, and was last updated by  brrutzo 11 years, 2 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #22596

    brrutzo
    Member

    Hello,

    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.

    http://www.sandbarcontractors.com/indextest.html

    Thank you for your help!

    #47128

    epicalex
    Member
    Quote:
    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.

    #47133

    brrutzo
    Member

    Thanks everyone, that did it.

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

You must be logged in to reply to this topic.

icon-link icon-logo-star icon-search icon-star