Currently, I am working on aligning and positioning my items using CSS. However, I'm a bit confused about the right approach.
Here is a demo of my current progress: Demo Link
I aim to achieve a layout similar to this sketch: Sketch Image
Apologies for the rough sketch, it's late, and I hope it gives you a better idea :)
If needed, I can provide some code snippets here, or feel free to use Chrome developer tools to explore further.
For any additional information or code samples, please let me know! :)
CSS:
#webcam2 {
float:left;
}
...
HTML:
<div id="parenntContainer" style="position: absolute;">
<div id="leftSide" style="position: relative; top: 0px; left: 0px;">
...
</div></div>The rest involves jQuery :)
jQuery:
$(document).ready(function() {
...
});
function closeCamera() {
...
}
...
});