My theme has a design of a manilla folder. I have a gif image of the top tab and top of the manilla folder for the header with a transparent background so that the site background can be seen to the right of the tab.
I’m trying to add a repeating gif to create the on-going folder down the page, below the header. The repeating image is in the page div tag. I’m trying to use “background-position” but it’s not clear what I’m doing wrong. I get the repeating background starting at the top of the page div and it runs behind the header gif.
My book tells me to use
background-position x ywhere x and y are percentages, absolute distances, or values of top, bottom, etc.
So I found when I had the first value at 120px, the left side of the image moved right 120px but the image still starts at the top of the page div. Okay. Switched them and make 0px the first value and 120px the second value so it should come down the page to the bottom of the header.
Didn’t work. So am I missing something? My book isn’t that clear and gives no working examples.
This is on my MAMP setup so I have nothing to show, but if you need to see it I can move it to a dev area on my server.
- The topic ‘Trouble with background-position’ is closed to new replies.