CSS
-Tricks
treehouse :
what would you like to learn today?
Web Design
Web Development
iOS Development
Show search box
Search
Search in:
All
Articles
Forums
Snippets
Videos
✕
Home
Forums
Snippets
Gallery
Videos
Almanac
Demos
Lodge
Navigation 'n' Search
Forums
Illustration by Nick Sirotich
Forums
»
JavaScript Jungle
Repeat background after x-amount of px
Jeager
Permalink to comment
#
September 2011
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.
joshuanhibbert
Permalink to comment
#
September 2011
I'm slightly confused, why can't you repeat the image the full width of the footer?
Jeager
Permalink to comment
#
September 2011
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.
kalps1982
Permalink to comment
#
September 2011
I guess you can utilize CSS3 background properties.
sreejesh
Permalink to comment
#
September 2011
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..
Add a Comment
http://people.ysu.edu/~jtpenezich/anna/
Hardly done, but in order to progress further, I'd like to know if its doable.
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.