Relative CSS positioning

Hello,

I have an image, upon which I want to place another image. I've figured out
this should be done by CSS positioning, but I don't know the exact
coordinates of the other image. How do I place the image knowing only where
on the other image I want to place it?
--
--
www.gurka.se/gurka.php?x=1&language=english
Tremble before the mighty Cucumber

Tim Johansson

I have an image, upon which I want to place another image.

Why not use your image composing software?

--
Cheers
Richard.

"Tim Johansson" <spam (AT) gurka (DOT) se> wrote:

I have an image, upon which I want to place another image. I've figured out
this should be done by CSS positioning

Try negative margins first.

--
Spartanicus

"rf" <rf@.invalid> skrev i meddelandet
news:q4APc.29732$K53.24722 (AT) news-server (DOT) bigpond.net.au...

Tim Johansson

I have an image, upon which I want to place another image.

Why not use your image composing software?

The image's position is calculated by PHP, and creating images on-the-fly

would consume too much time and bandwidth.

--
Cheers
Richard.

Tim Johansson

"rf" <rf@.invalid> skrev i meddelandet
news:q4APc.29732$K53.24722 (AT) news-server (DOT) bigpond.net.au...
Tim Johansson

I have an image, upon which I want to place another image.

Why not use your image composing software?

The image's position is calculated by PHP, and creating images on-the-fly
would consume too much time and bandwidth.

Hmmm. Off top of head solution #1...

Create a div exactly the same size as the first image. Background of div is
first image. Position: relative so it becomes a containing element (no top
or left).

Inside the div an <img> pointing to the second image. Position: absolute.
Top: and bottom: now refer to the top left of the div, that is the first
image. If the first image (the div really) moves then so does the second
image.

You don't need to know where the first image is positioned (which is a real
hard thing to determine anyway (client side) and usually impossible server
side).

<tinkers/>
http://users.bigpond.net.au/rf/images.html

Be sure to change your font size so you can see that when to roo moves so
does the bug.

--
Cheers
Richard.

On Tue, 3 Aug 2004 00:46:36 +0200, "Tim Johansson" <spam (AT) gurka (DOT) se> wrote:

: I have an image, upon which I want to place another image. I've figured out
: this should be done by CSS positioning, but I don't know the exact
: coordinates of the other image. How do I place the image knowing only where
: on the other image I want to place it?

Use a graphics editor, surely? PSP or Irfanview.

Sid

"rf" <rf@.invalid> skrev i meddelandet
news:AjJPc.30506$K53.18051 (AT) news-server (DOT) bigpond.net.au...

Tim Johansson
"rf" <rf@.invalid> skrev i meddelandet
news:q4APc.29732$K53.24722 (AT) news-server (DOT) bigpond.net.au...
Tim Johansson

I have an image, upon which I want to place another image.

Why not use your image composing software?

The image's position is calculated by PHP, and creating images
on-the-fly
would consume too much time and bandwidth.

Hmmm. Off top of head solution #1...

Create a div exactly the same size as the first image. Background of div
is
first image. Position: relative so it becomes a containing element (no top
or left).

Inside the div an <img> pointing to the second image. Position: absolute.
Top: and bottom: now refer to the top left of the div, that is the first
image. If the first image (the div really) moves then so does the second
image.

You don't need to know where the first image is positioned (which is a
real
hard thing to determine anyway (client side) and usually impossible server
side).

tinkers/
http://users.bigpond.net.au/rf/images.html

Be sure to change your font size so you can see that when to roo moves so
does the bug.

--
Cheers
Richard.

It worked great, thanks!

I have an image, upon which I want to place another image.


Hmmm. Off top of head solution #1...

<snip>

tinkers/
http://users.bigpond.net.au/rf/images.html

Unbelievable, off the top of your head hey? That's great...