I'm building a slider for my website, and I need to add buttons which will be above the content.
But I've run into some strange issue (most likely it's just my lack of knowledge).
How it should look: http://codepen.io/anon/pen/ikcno (without buttons)
As you can see elements have symmetric 20px margin on the left/right sides from the wrapper.
Hi!
I'm building a slider for my website, and I need to add buttons which will be above the content.
But I've run into some strange issue (most likely it's just my lack of knowledge).
How it should look: http://codepen.io/anon/pen/ikcno (without buttons) As you can see elements have symmetric 20px margin on the left/right sides from the wrapper.
But when I add buttons (with position:absolute) http://codepen.io/anon/pen/iFCyc
Everything goes weird, I lost margin on the right and on the left margin becomes too large.
How to properly add buttons? Thanks
I'm not 100% sure this is the solution but I just placed the left-arrow div above the right-arrow div in your HTML.
http://codepen.io/anon/pen/jGLzg
Soren, I'm think this is the solution because this issue was probably caused by :first-child selector. Thanks.
:) no problems. only solutions.