Grow your CSS skills. Land your dream job.

Repeat background after x-amount of px

  • # September 2, 2011 at 12:26 am

    So I am trying to use a repeated background on my footer, and have a image float left and right, so what I am after is the background to repeat-x, but after 40px and stop before a second 40px mark if possible. Any way to do this?

    http://people.ysu.edu/~jtpenezich/anna/

    Hardly done, but in order to progress further, I’d like to know if its doable.

    # September 2, 2011 at 12:49 am

    I’m slightly confused, why can’t you repeat the image the full width of the footer?

    # September 2, 2011 at 12:35 pm

    Basically I’m trying to cap the ends of the footer. If it extends fully, the transparency stack on top of each other and the drop shadow.

    Edit: Also, it is not a static width, its fluid. If it was static it would be simple, but that’s why I’m asking here.

    # September 5, 2011 at 3:15 am

    I guess you can utilize CSS3 background properties.

    # September 5, 2011 at 6:19 am

    why cant you put an inner div (with a sufficient margin on the left and right) inside the footer and give the repeating background to the inner div..

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

You must be logged in to reply to this topic.

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