Posted by Ben C on 06/06/07 09:03

On 2007-06-06, Harry Bellafonte <goodminded@hotmail.com> wrote:
> Hi
>
> Which html tag can I use to place another object ( picture or text) on
> top of another picture?
> I know I can use div, but then I can only place the object in the
> center, left or right. And I want to place the object at a certain
> position on the picture.
>
> Any help will be appreciated.

Use position: absolute. Something like this:

<div style="position: relative">
<img src="foo.png" style="display: block">
<div id="otherObject" style="position: absolute; top: 14px; left:
32px">...</div>
</div>

The outer div is made position: relative so it becomes the "containing
block" for the absolutely positioned one, i.e. the block from which
"top: 14px; left: 32px" is measured.

[Back to original message]