How to position an HTML element on top of another element without affecting the layout of the element(s) beneath?

Question

Generally speaking, HTML layout is flow-based. Each element gets positioned after the one before it, either to the right of it or beneath it. There are plenty of exception

Answer 1

If I understand it correctly you need to use offset properties together with position:absolute.

The absolute position takes your image out of the flow, the offset can give you the position of the element you want to overlay (the TD in your question).

Having the offset (px from left and top of the page for the TD) you can the move the image to the correct position.

Look here: http://jsfiddle.net/jrUsM/

jQuery documentation explains it very well.