phppup Posted January 11, 2021 Share Posted January 11, 2021 (edited) Quote Quote Battlig with this code all weekend, and not getting the result I want. This bit of code should offer an understanding, but I'll explain more after removing the FAILED efforts. Quote <div id='one of many'> <div style="z-index: -9; position: absolute"> <img src="red.jpg" " > <img src="red.jpg" > </div> <div style="z-index: -6; position: relative; float: right" > <img src="red.jpg" > <img src="red.jpg" > </div> </div> This sort of works, but really doesn't because when the code is REPEATED to create a second, third, etc. row, images are dislodged and hidden or lost completely. The end result that I am trying to achieve is: A set of images beginning from left to right. A set of images on the SAME axis/line beginning at right to left (heading for a collision midway). The ability to repeat this SINGLE double-ended row multiple times consecutively while maintaining the location of the images. NOTE: currently I have kinda achieved my goal with <br /> but this is NOT acceptable because other elements on the page get shifted rather than being layers that are positioned accordingly on the page. The ability to successfully repeat the process has been the kink that unravels the process. Edited January 11, 2021 by phppup Clean up post Quote Link to comment Share on other sites More sharing options...
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.