Connecting Tech Pros Worldwide Help | Site Map

text wrap in thumbnail

  #1  
Old October 9th, 2008, 02:05 PM
Sjef
Guest
 
Posts: n/a
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




  #2  
Old October 9th, 2008, 05:55 PM
Jim Moe
Guest
 
Posts: n/a

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)
  #3  
Old October 9th, 2008, 11:15 PM
dorayme
Guest
 
Posts: n/a

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


Similar Threads
Thread Thread Starter Forum Replies Last Post
problem in redirecting the page omerbutt answers 8 April 1st, 2008 02:04 PM
Floating thumbnail gallery with different image sizes Florian Brucker answers 10 July 21st, 2005 12:57 AM
Thumbnail gallery without tables? Max Quordlepleen answers 54 July 20th, 2005 10:54 PM
Wrapping things other than text or images Keith Thompson answers 8 July 20th, 2005 06:23 PM