treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Repeat background after x-amount of px

  • 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.
  • I'm slightly confused, why can't you repeat the image the full width of the footer?
  • 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.
  • I guess you can utilize CSS3 background properties.
  • 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..