Single post in Guide to CSS: Beginner to Expert
Forum Index > PokéFarm > Guides > Guide to CSS: Beginner to Expert >
Hey y'all, I was working on a sort of banner where you're able to go to different places depending on where you click on the image. Although, the way I did it doesn't work if the background image moves, as there are smaller images inside. So, I'm wondering if it's possible to "connect?" them so that the smaller images move with the background while still allowing me to choose exactly where to put them.
Otherwise, a different way to do this would be greatly appreciated, as I'm still a newbie at this, heh-!
Code
[sc=banner][/sc][
][url=https://pokefarm.com/user/Memebot][sc=Ale][/sc][/url][
][url=https://pokefarm.com/user/CantSalvageThis][sc=Tris][/sc][/url][
][url=https://pokefarm.com/user/Chimchimp][sc=Emi][/sc][/url]
.banner {
content: url('https://pokefarm.com/upload/Chimchimp/Shopbg.png');
width: 100%;
position: relative;
z-index: 1;
}
.Ale {
content: url('https://pokefarm.com/upload/Chimchimp/Aletest.png');
position: absolute;
width: 30%;
left: 39%;
top: 44%;
z-index: 2;
}
.Tris {
content: url('https://pokefarm.com/upload/Chimchimp/Tristantest.png');
position: absolute;
width: 17%;
left: 81.5%;
top: 49%;
z-index: 2;
}
.Emi {
content: url('https://pokefarm.com/upload/Chimchimp/Emitest.png');
position: absolute;
width: 18%;
left: 10.8%;
top: 12.5%;
z-index: 2;
}
(I can't show how it's supposed to work here, as it would turn out wrong, which is the whole problem-)