Hi all
I have been working on a template for a site for a friend of mine, i have decided that the current template is a bit useless and have found another one which looks a lot better, however I want to incorporate some features from the old one into the new one.
I have managed to do the majority of the work, but there is one last thing that i cannot get working for some reason.
The problem i'm having is making an image scroll vertically (repeat-y).
This is the css for the section i'm struggling with:
Code:
#site-nav ul
{
list-style: none;
overflow: hidden;
}
.activeH {
position: absolute;
top: -52px;
left: 14px;
z-index: 1;
}
.base {
background: url(../images/activeBg.png) center no-repeat;
width: 128px ;
height: 157px;
z-index: 1;
}
.midground {
background: url(../images/stars.png) repeat-y;
position: absolute;
top: 0;
left: 33px;
width: 68px;
height: 147px;
}
.foreground {
background: url(../images/starsBack.png) repeat-y;
position: absolute;
top: 0;
left: 34px;
width: 68px;
height: 147px;
}
All that happens with this is that the images are static. The 2 stars images are supposed to scroll vertically, it works on the original site but i cannot get it to work on the new template.