473,320 Members | 1,863 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 software developers and data experts.

how to wrap image series

When I type some text into <ptag 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>

Jun 27 '08 #1
4 2138
Petr Vileta wrote:
When I type some text into <ptag 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
Jun 27 '08 #2
Petr Vileta wrote:
When I type some text into <ptag 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?
Jun 27 '08 #3
Gus Richter wrote:
Petr Vileta wrote:
>When I type some text into <ptag 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>
Caveat: Unequal image sizes may not work with this method.

--
Gus

Jun 27 '08 #4
Petr Vileta wrote:
When I type some text into <ptag 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>

Jun 27 '08 #5

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

3
by: Pieter Van Waeyenberge | last post by:
Hello, im some image elements using doc.createElement('IMG'); i set the following styles: - for the images container: white-space:normal; - for the images themselves: display: inline; i...
1
by: Mark P | last post by:
My images are fixed in size and can't be redone. Many of them are tall and narrow. How can I wrap text so that the text starts on the right of the image at a level with the top of the image....
3
by: Steven Van Impe | last post by:
Hi, I'm trying to create a style for boxed images with a caption that wraps beneath them. You'll notice on <http://users.skynet.be/vanimpe/WGRA/geschiedenis.html> that the text below the image...
2
by: Dan V. | last post by:
Why does the banner image wrap around when I choose a small window size? http://officeactivate.com/schuit/index.shtml I am 1/2 way done a css book and am using this code from a CSS generator....
10
by: Dan V. | last post by:
Is it possible to have 2 divs beside each other and one not wrap around? I realize the 2 div's are floating left but I can only think of this as the best solution for now. I am trying to get...
1
by: Simon Wigzell | last post by:
I send HTML formatted emails with links and images in them generated by my asp driven website. Occasionally the image will not appear and the link will not work. By looking at the email at the...
62
by: ivan.leben | last post by:
How can I really delete a preloaded image from memory/disk cache? Let's say I preload an image by creating an Image object and setting its src attribute to desired URL: var img = new Image();...
1
by: laura.paterson | last post by:
Hi, I'm new to html, and having difficulty getting my text to wrap around an image the way I'd like it to.. I have an image in the top left corner of a component, and if there is space, I'd...
8
by: Skeer | last post by:
This is what I'm having problems with: I have a image that is in an absolute positioned div at the bottom left of my content. I want the content to be full width until reaching the image then wrap...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
0
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.