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]

Re: text wrap in thumbnail

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]

Re: text wrap in thumbnail

In article <48edff81$0$272 32$ba620dc5@tex t.nova.planet.n l>,
"Sjef" <manuals-scripts@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