Im trying to mimc the effect that Chris went through in his latest screencast. The problem im having is that i have a gradient background so that when i try and use the main-content background image as a repeat im getting a nasty effect. So instead i tried just using the background as the complete section that i intend on having the main content area, but still getting a nasty effect.
What i really want is to be able to take a small section of the background image for the main content area and then repeat that in y so that no matter how much text is within the are the background will just repeat but respecting the gradient background. I also tried a png but got bad tiling effect.
Anyways enough rambling here is the link to the test page:
I managed to tweek a few areas. I added a margin: -1px; to the main-content area to line it up with the header and footer links.
The issue im having now is that i can not get the nav-on image to work. You know, if you’ve seen it yet, Chris’s new screencast where he shows how he made the links using sprites, exactly what he has on this site.
Well i can not get my ‘on’ image to show i only get the ‘off’ and ‘rollover’ images to be working where as when the link is clicked i would like it to turn to the ‘on’ image.
Hope this all made sense, anyways here is the link to the site: