HighDots Forums  

how to wrap image series

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss how to wrap image series in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Petr Vileta
 
Posts: n/a

Default how to wrap image series - 04-29-2008 , 11:37 PM






When I type some text into <p> tag and when usable width is less then text
then text is wrapped at spsace between words. I need to create the same with
series of <img>.
Reason? I have unknown number of images and I want to create "galery". But I I
said I don't know how many images I have. These are searched in directory (by
php/perl script) and may be added/deleted by other proccess (FTP). An image
widths I don't know too.
Maybe my english is too bad to explain it so I try to make example what I want
to do:

image1 image2 image3 image4
bigimage5 bigimage6 image7
veryveryverybigimage8
image9 image10 image11

Have anybody an idea how to do it using CSS?
--
Petr Vileta, Czech republic
(My server rejects all messages from Yahoo and Hotmail. Send me your mail from
another non-spammer site please.)

Please reply to <petr AT practisoft DOT cz>


Reply With Quote
  #2  
Old   
Jonathan N. Little
 
Posts: n/a

Default Re: how to wrap image series - 04-30-2008 , 12:07 AM






Petr Vileta wrote:
Quote:
When I type some text into <p> tag and when usable width is less then
text then text is wrapped at spsace between words. I need to create the
same with series of <img>.
Reason? I have unknown number of images and I want to create "galery".
But I I said I don't know how many images I have. These are searched in
directory (by php/perl script) and may be added/deleted by other
proccess (FTP). An image widths I don't know too.
Maybe my english is too bad to explain it so I try to make example what
I want to do:

image1 image2 image3 image4
bigimage5 bigimage6 image7
veryveryverybigimage8
image9 image10 image11

Have anybody an idea how to do it using CSS?
Do nothing. IMG are inline by default, if you put them in a block
element they will linewrap just like text. If they are of different
sizes each "row" the images will be aligned at their bottom edge by
default and wrap as the width allows..


--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com


Reply With Quote
  #3  
Old   
Gus Richter
 
Posts: n/a

Default Re: how to wrap image series - 04-30-2008 , 12:14 AM



Petr Vileta wrote:
Quote:
When I type some text into <p> tag and when usable width is less then
text then text is wrapped at spsace between words. I need to create the
same with series of <img>.
Reason? I have unknown number of images and I want to create "galery".
But I I said I don't know how many images I have. These are searched in
directory (by php/perl script) and may be added/deleted by other
proccess (FTP). An image widths I don't know too.
Maybe my english is too bad to explain it so I try to make example what
I want to do:

image1 image2 image3 image4
bigimage5 bigimage6 image7
veryveryverybigimage8
image9 image10 image11

Have anybody an idea how to do it using CSS?
This may be able to help you:
<http://www.spartanicus.utvinternet.ie/centered_image_gallery_with_captions.htm>

--
Gus
What's happened to Spartanicus?


Reply With Quote
  #4  
Old   
Gus Richter
 
Posts: n/a

Default Re: how to wrap image series - 04-30-2008 , 12:18 AM



Gus Richter wrote:
Quote:
Petr Vileta wrote:
When I type some text into <p> tag and when usable width is less then
text then text is wrapped at spsace between words. I need to create
the same with series of <img>.
Reason? I have unknown number of images and I want to create "galery".
But I I said I don't know how many images I have. These are searched
in directory (by php/perl script) and may be added/deleted by other
proccess (FTP). An image widths I don't know too.
Maybe my english is too bad to explain it so I try to make example
what I want to do:

image1 image2 image3 image4
bigimage5 bigimage6 image7
veryveryverybigimage8
image9 image10 image11

Have anybody an idea how to do it using CSS?

This may be able to help you:
http://www.spartanicus.utvinternet.i...h_captions.htm
Caveat: Unequal image sizes may not work with this method.

--
Gus



Reply With Quote
  #5  
Old   
Petr Vileta
 
Posts: n/a

Default Re: how to wrap image series - 04-30-2008 , 08:56 AM



Petr Vileta wrote:
Quote:
When I type some text into <p> tag and when usable width is less then
text then text is wrapped at spsace between words. I need to create
the same with series of <img>.
Reason? I have unknown number of images and I want to create
"galery". But I I said I don't know how many images I have. These are
searched in directory (by php/perl script) and may be added/deleted
by other proccess (FTP). An image widths I don't know too.
Thanks to all who response. Very useful tips.
--
Petr Vileta, Czech republic
(My server rejects all messages from Yahoo and Hotmail. Send me your
mail from another non-spammer site please.)

Please reply to <petr AT practisoft DOT cz>



Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.