text wrap in thumbnail

[Sjef]

Hallo,
I have the following css for thumbnails
#duimnagel
{
float:left;
padding:15px 15px 15px 15px;
text-align:center;
height:120px;
}

#duimnagel p
{
text-align:center;
}
This is for a div inwhich thumbnails are displayed each one following the
other, breaking off at the end of the line to further on the next line.
Now, caption text is not wrapped to a new line, so the space the thumbnail
takes can become quite large, with empty spaces left and right of the
picture. Is there a way to wrap the text to a new line?
Thanks, Sjef

[Jim Moe]

On 10/09/08 05:56 am, Sjef wrote:

>
This is for a div inwhich thumbnails are displayed each one following the
other, breaking off at the end of the line to further on the next line.
Now, caption text is not wrapped to a new line, so the space the thumbnail
takes can become quite large, with empty spaces left and right of the
picture. Is there a way to wrap the text to a new line?

Use a DIV that contains the image and caption; float the DIV, not the
image. You then set the DIV's width to the width of the image plus padding
and margin. Then the text in the paragraph wraps within the confines of
the DIV.
Or simply set the width of the paragraph to that of the image.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

[dorayme]

In article <48***********************@text.nova.planet.nl>,
"Sjef" <ma*************@planet.nlwrote:

Hallo,
I have the following css for thumbnails
#duimnagel
{
float:left;
padding:15px 15px 15px 15px;
text-align:center;
height:120px;
}

#duimnagel p
{
text-align:center;
}
This is for a div inwhich thumbnails are displayed each one following the
other, breaking off at the end of the line to further on the next line.
Now, caption text is not wrapped to a new line, so the space the thumbnail
takes can become quite large, with empty spaces left and right of the
picture. Is there a way to wrap the text to a new line?
Thanks, Sjef

I think have just the thing for you, it was the format for my own
daughter's wedding pics so it can't be all bad!

<http://preview.tinyurl.com/2jcs5r>

or, if you trust me,

<http://tinyurl.com/2jcs5r>

--
dorayme