Im trying to implement an effect on my website heres the deal:
Visit: www.awdio.com/ and look for the section.
I want to make a sidebar like these in every box BUT, the box cant overextend the width/height of the <li> so it wont move the other boxes, and the possibility to interact in the sidebox, like showing a video and read a description with links. (the actual effect is only on the :hover, you cant move the cursor on it or it disapears).
I made some test but there´s 2 problems, the sidebar does effect the other boxes because its inside the <li> and i cant put a youtube video for example on autoplay when the box opens.
The link to view my trying is : http://www.bydecronics.com.br/
UPDATE: I Made some research and i realized that its using absolute positioning for every sidebox...wow...is that right? doesnt have any other solution?
(position: absolute; top: 943px; left: 295px; display: none;)...but still cant click inside the sidebox...bahh