473,394 Members | 1,828 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,394 software developers and data experts.

Automatic image wrapping in a web page

pc0019
4
Hi

Is it possible to make a list of images (and links) wrap, so when viewed in a web page, however large the (IE/Firefox for example) window is, when the images reach the end of the window, they go onto the next line?

Sorry for the rubbish English in that, I don't really know what I'm talking about.

Example of the list of images:

Expand|Select|Wrap|Line Numbers
  1. <a href="001.html"><img src=thumbs\001.jpg border=0></a> <a href="002.html"><img src=thumbs\002.jpg border=0></a> <a href="003.html"><img src=thumbs\003.jpg border=0></a>    .... etc (loads more of the same)
I'm doing this so (as you can see) I will have a 'gallery' of thumbnails, linking to pictures, which look correct on the website however viewed, regardless of how many pictures there are.

Thanks in advance!
Nov 4 '07 #1
3 1385
drhowarddrfine
7,435 Expert 4TB
Doesn't what you show work? You need quotes around the image src paths though. And if this is a list of images then you should make it a last:
<ul>
<li><a href=...><img......></li>
Nov 4 '07 #2
pc0019
4
Woops, quotes added now. I tried the ul/li, but this isn't what I want (what i want, '.' being an image:

....
....
....

not as a list, but thanks)

But anyway, it seems to work fine now as you said it should.

Doesn't what you show work?
I tried removing the quotes you told me to add and it gives the same result, so I don't know what I was doing before... my next question will be how do you make an un-wrapping page of pictures ;-)

Thanks for the awesomely-fast respone!
Nov 4 '07 #3
drhowarddrfine
7,435 Expert 4TB
The list will do what you want but the items need to be floated.

I don't know what you mean by an unwrapping page.
Nov 5 '07 #4

Sign in to post your reply or Sign up for a free account.

Similar topics

2
by: JR | last post by:
Is there a script available to automatically reload images on visiting a page? I change images once a week and they have the same name so I'm not changing the page code. Some people have the...
2
by: Suzanne Boyle | last post by:
I have the following code in a webpage: <p><img src="images/clydesdale.gif" width="100" height="41" style="float: left;" /> <strong>Test</strong><br /> Lorem ipsum dolor sit amet, consetetur...
10
by: Florian Brucker | last post by:
There are several tutorials on the net showing you how to create a thumbnail gallery with floating thumbails which automagically uses all horizontal space available (e.g....
2
by: Tyrone Slothrop | last post by:
I am coding a site which involves uploading images. All of the PHP and display is OK but the client wants to be able to display the image thumbnail on the upload page and show the full image on...
4
by: Tim Sheets | last post by:
Hi all, I am having a problem that seems so simple, I am almost embarrassed to ask about it. I am working on a page that has the layout largely css driven. The top of the page has two <img>...
8
by: Arthur Dent | last post by:
I have an image tag which i am putting out in a repeater. The repeater itemtemplate is basically: <itemtemplate> <a href=abc> <img src=xyz> </a> </itemtemplate> I cannot seem to get my...
8
by: Cardman | last post by:
I am hopeful that someone can quickly solve my image alignment issue when things are just not going right and where my attempts to solve this alignment issue have all failed. First of all take a...
2
by: studentofknowledge | last post by:
For some unknown reason ie is placing images I have in a div in a weird way. One image is overlapping another but this problem is not occuring in mozilla. I have looked at my code over and over again...
1
by: DevInCode | last post by:
I'm trying to get text to wrap around a round image. Wrapping around a square image is no problem. The image I am using is obviously square, but its transparent in such away that it looks round (ie...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

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.