caption with pictures

W

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
 
S

SpaceGirl

we said:
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 #
 
J

Jukka K. Korpela

we said:
<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.
 
T

Toby Inkster

we said:
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;
}
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

Forum statistics

Threads
473,744
Messages
2,569,482
Members
44,901
Latest member
Noble71S45

Latest Threads

Top