how to wrap image series

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

Petr Vileta - 30 Apr 2008 04:37 GMT

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?

Signature

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 to this Message

Jonathan N. Little - 30 Apr 2008 05:07 GMT

> 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
[quoted text clipped - 12 lines]
>
> 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..

Signature

Take care,

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

Reply to this Message

Gus Richter - 30 Apr 2008 05:14 GMT

This may be able to help you:
<http://www.spartanicus.utvinternet.ie/centered_image_gallery_with_captions.htm>

Signature

Gus
What's happened to Spartanicus?

Reply to this Message

Gus Richter - 30 Apr 2008 05:18 GMT

>> 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
[quoted text clipped - 15 lines]
> This may be able to help you:
> <http://www.spartanicus.utvinternet.ie/centered_image_gallery_with_captions.htm>

Caveat: Unequal image sizes may not work with this method.

Signature

Gus

Reply to this Message

Petr Vileta - 30 Apr 2008 13:56 GMT

> 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
[quoted text clipped - 3 lines]
> 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.

Signature

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 to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / April 2008

how to wrap image series