2 Repeating Backgrounds Starting at Different Points
# November 27, 2012 at 6:55 pm
Here’s a bigger version of the image I’m trying to re-create with CSS:
http://f.cl.ly/items/2t2U0m1c2o0u1Q2q372q/concept.jpg# November 27, 2012 at 8:32 pm
What background images do you want to use. You might have to use 1 that is centered and use repeat-y. Im on a phone, otherwise id play with this.
Alternatively, you can put your elements inside two container divs (yes, divs purely for style. Its a possibility, not the best) and lay backgrounds on that.# November 28, 2012 at 7:57 am
yes, make a very wide image. Start with your desired width and column division and then add say 800px on either side of the image (right side lighter, left side darker). Then simply center the image (the column should be offset to where you want). As the browser is resized more or less of the image is revealed.# November 28, 2012 at 12:51 pm
We mean something like this:
I left the image at 100px height because your bigger square background has thicker lines every 100px; But if it was a simpler design, you could easily do a 1px height background image. Then just do background-repeat: repeat-y; (Repeat vertically only).
You must be logged in to reply to this topic.