Connecting Tech Pros Worldwide Forums | Help | Site Map

text wrap in thumbnail

Sjef
Guest
 
Posts: n/a
#1: Oct 9 '08
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
Guest
 
Posts: n/a
#2: Oct 9 '08

re: text wrap in thumbnail


On 10/09/08 05:56 am, Sjef wrote:
Quote:
>
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
Guest
 
Posts: n/a
#3: Oct 9 '08

re: text wrap in thumbnail


In article <48edff81$0$27232$ba620dc5@text.nova.planet.nl>,
"Sjef" <manuals-scripts@planet.nlwrote:
Quote:
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
Closed Thread