They should have "position:absolute" instead if "position:relative".
Relative means relative to the "normal" position. In this case you
would have to set negative values for top/left to achieve an
overlapping.
Petar schrieb:
> I'm trying to create and place several <img> elements inside an empty
> <div>. Images should have specific coordinates inside a div and should
> be overlapping. I tried this:
>
> $('<img src="pic1.gif" alt="" />').appendTo("#myDiv").css( { position:
> 'relative', left: '10px', top: '10px' } );
> $('<img src="pic2.gif" alt="" />').appendTo("#myDiv").css( { position:
> 'relative', left: '30px', top: '30px' } );
> $('<img src="pic3.gif" alt="" />').appendTo("#myDiv").css( { position:
> 'relative', left: '50px', top: '50px' } );
>
> but images are detached horizontally, although they should overlap.
> Vertical positions are OK.
> Is there a "right way" to accomplish this?
>
> Petar
