RE: [WSG] image captions?

[Ted Drake]

enter the ever popular definition list
dl class=image
dtimg.../dt
ddcaption/dd
/dl

This gives you lots of flexibility and keeps it semantic.
Ted


-Original Message-
From: designer [mailto:[EMAIL PROTECTED]
Sent: Monday, November 22, 2004 12:55 PM
To: webstandards group
Subject: [WSG] image captions?


Hi all,

I am putting a few small images into a body of text, and am defining a very
simple declaration for them, according to whether I want them flush left or
right:

e.g.  .imgleft{ float : left; margin : 20px;}

Doing this enables me to have the body of the text flowing around the image,
with a nice 20px gap around it.  However, I would like to add a small
caption to the image, underneath it. One or more of you will have already
done this I'm sure, so could you point me towards some CSS you have used or
seen?

Many thanks, as always,

Bob McClelland,
Cornwall (U.K.)
www.gwelanmor-internet.co.uk

**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**

**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**

Re: [WSG] image captions?

[Thorsten]

greetings,
  e.g.  .imgleft{ float : left; margin : 20px;}
Doing this enables me to have the body of the text flowing around the image,
with a nice 20px gap around it.  However, I would like to add a small
caption to the image, underneath it. One or more of you will have already
done this I'm sure, so could you point me towards some CSS you have used or
seen?
why don't you put the image plus caption into a div and float that div?
div class=imgleft
img /br /
caption text
/div
just an idea before hitting the sack here, i hope i'm being sensible, hehe.
cheers,
--
Thorsten
**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**