Thanks, Thomas and Brian, that's it!
On Feb 22, 6:38 pm, brian <bally.z...@gmail.com> wrote:
> And #myDiv should have position: relative
>
> On Sun, Feb 22, 2009 at 12:15 PM, Thomas Jaggi <thomas.ja...@gmail.com> wrote:
>
> > 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
