I am trying to create a text slideshow in sections and I can’t get the positioning correct.
When I use position: absolute, the the text block slides into the exact position of the previous text block. However, the slider appears at the top of the page, not in the section where I want it. If I use relative, the text slider appears in the correct section, but the text is stacked. Each text block is contained in paragraph, for example <p class=”item-1″>.
So, I either have the slide items aligned correctly, relative to each other, but outside of the section. Or, I have it in the section, but the items not properly sliding in.
Here’s the code that seems to affect position on the page: