Image Captions

Hi,

I habe a page with an image with variable width. I need a caption below
the image with the same width as the image.
See http://www.dietzk.de/test/ - the first example is what I need.
This first example works fine as long as I know the image width. But if
I don't know it (and later I won't) it does not.

I tried examples 2 and 3. But they don't work :-(

Any ideas?

Thanks Chris

Chris Leipold wrote:

I habe a page with an image with variable width. I need a caption below
the image with the same width as the image.
See http://www.dietzk.de/test/ - the first example is what I need.
This first example works fine as long as I know the image width. But if
I don't know it (and later I won't) it does not.

You may try to read the image dimensions on the server-side and then put
them into HTML/inline CSS code.
--
Johannes Koch
In te domine speravi; non confundar in aeternum.
(Te Deum, 4th cent.)

Chris Leipold <cleipold (AT) dietzk (DOT) de> wrote:

I habe a page with an image with variable width. I need a caption below
the image with the same width as the image.
See http://www.dietzk.de/test/ - the first example is what I need.
This first example works fine as long as I know the image width. But if
I don't know it (and later I won't) it does not.

span{display:inline-table;width:2em}

<span>
<img src="img.jpg" alt="something suitable">
caption caption caption caption caption caption
</span>

Won't work in Mozilla or IE. Or:

span{display:table;width:2em}

<span>
<img src="img.jpg" alt="something suitable">
caption caption caption caption caption caption
</span>

Won't work in IE and forces the img/caption combo to block. Or:

http://www.spartanicus.utvinternet.i...d_to_image.htm

Works in all three, but the img/caption combo renders as block in
Mozilla.

Take your pick :-)

--
Spartanicus