Sent by Trish Meyer on 26 October 2005 17:05
At 9:29 AM -0400 10/25/05, David Laakso wrote:
>You might take a look at these methods for setting images and
>captions(note the file is 4.01 consequently the <p> is not closed):
><http://www.w3.org/Style/Examples/007/figures.html>
Thanks, I see this sets the caption box to a width based in %. I'm
not sure how well that's going to work - what if the image is much
wider?
I did manage to get the caption to resize at
http://www.socahort.org/awardsbanquet.html
by applying the text size value to the div itself, not the paragraph
of text. This will come in handy the next time I have another iamge
that's also 320 px wide!
It doesn't help me with my next problem of captioning a bunch of
images, which you can see at
http://www.sfvartclub.org/artaroundtown.htm
I'm supposed to be putting two lines of text (the name of the artist,
and the title of the artwork), under each image. Right now they all
just float left with a border and margins.
So I'd still love to find a way to make a caption box with a width
based automatically on the width of the image, and then make the text
automatically wrap inside this box width. But it sounds like that's
not possible. And I can't go making a new style for every possible
image width?
Maybe the solution is to just use Photoshop and make a graphic...
Has anyone solved this successfully in CSS? Someone mentioned doing
it with a table, but I don't know tables. Is it time to learn?!
thanks,
Trish
--
_______
\ Trish & Chris Meyer/CyberMotion: Motion Graphics Design & Effects
\ recent projects & clients: http://www.cybmotion.com/projects
\ books, video, & articles: http://www.cybmotion.com/sharing
\ music (including Alias Zone): http://www.cybmotion.com/music
\______________________________________________________________
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
