caption with pictures

[we]

Hi,

I am making a simple html page. Including some pictures i place like:

<IMG SRC="name.jpg" ALT="text" HSPACE=20 VSPACE=5 ALIGN=RIGHT><P>

How can i place captions with each picture that stay close (best would be
under the pic) to the picture in every screen format.

I tried:
<IMG SRC="name.jpg" ALT="text" HSPACE=20 VSPACE=5 ALIGN=RIGHT><P>
<Font size="-1"><B><I>Caption text</I></B></FONT><P>

But the place of this caption alters (of course) with screen size etc.

Who can help?

Hans

 

[SpaceGirl]

Hi,

I am making a simple html page. Including some pictures i place like:

<IMG SRC="name.jpg" ALT="text" HSPACE=20 VSPACE=5 ALIGN=RIGHT><P>

How can i place captions with each picture that stay close (best would be
under the pic) to the picture in every screen format.

I tried:
<IMG SRC="name.jpg" ALT="text" HSPACE=20 VSPACE=5 ALIGN=RIGHT><P>
<Font size="-1"><B><I>Caption text</I></B></FONT><P>

But the place of this caption alters (of course) with screen size etc.

Who can help?

Hans

My are you using <font> tags???? Hopelessly out of date mark up. Do
yourself a HUGE favor and look into stylesheets. Trust me.

--


x theSpaceGirl (miranda)

# lead designer @ http://www.dhnewmedia.com #
# remove NO SPAM to email, or use form on website #

 

[Jukka K. Korpela]

<IMG SRC="name.jpg" ALT="text" HSPACE=20 VSPACE=5 ALIGN=RIGHT><P>

How can i place captions with each picture that stay close (best
would be under the pic) to the picture in every screen format.

If you wish to use HTML only, you could use a table:

<table align="right">
<tr><td><IMG SRC="name.jpg" ALT="text" HSPACE=20 VSPACE=5></td></tr>
<tr><td align="center"><small><i>Caption text</i></small></td></tr>
</table>

But you might also consider using style sheets. You could put the <img>
and the caption text inside a <div>, separated from each other by <br>,
and specify float: right for the <div>, etc.

 

[Toby Inkster]

How can i place captions with each picture that stay close (best would be
under the pic) to the picture in every screen format.

I tried:
<IMG SRC="name.jpg" ALT="text" HSPACE=20 VSPACE=5 ALIGN=RIGHT><P>
<Font size="-1"><B><I>Caption text</I></B></FONT><P>

<div class="imgwcaption">
<img src="zebra.jpeg" alt="Stripy horse thing" height="100" width="180">
<br><span>This stripey horse-looking thing is actually a zebra. It's
not just a horse that I've painted.</span>
</div>

And in your CSS file:

div.imgwcaption {
width: 200px;
padding: 1em;
margin: 1em;
border: 1px dotted black;
text-align: center;
}
div.imgwcaption span {
font-size: smaller;
font-weight: bold;
font-style: italics;
}