Multiple image display

Good morning
In the past I have used Tom Mucks Horizontal Looper.

I wondered if this type of extension is available in my webassist package.

Many Thanks
John

Yes, the webassist "Repeat Selection" as part of Data Bridge can be used for horizontal looping and can be nested inside a standard Repeat Region for complex double looping of rows and columns.

Thanks for the reply Ray.
I have created a test page at net100test.co.uk/index.php
I have included the record ID (recno) but this does not show, however images do show.
I do not understand how the images show as I have not included any image fields.

My aim is to reproduce a page similar to boatsforsalenow.com and include pictures and a few details in a responsive format.
Regards
john

I'd have to look at the page to diagnose any problems with the display. If you want to attach it I can take a look.

An even better way to allow me to debug the page directly is to provide FTP access.

please see pm

It looks like you have the repeated code on the template which shows the image.

Thanks Ray
You are right, thats what comes of copying code instead of starting from scratch, for me any rate!
The page is working fairly well now but I cannot get the page to be responsive,
I have included the previous code you sent, it's in WAStyles.css but no luck so far.
Would you please have a look to see where lies the problem?

To have the images shrink with the screen you could add this css:

img {
    width: 100%;
}

I'd make it responsive by using repeated DIV tags floated left inside of a wrapper DIV, instead of a table. That way it could move to two or one image per row depending on what will fit as the screen shrinks.

Another solution would be to just move to a single row at a particular size by adding this to the responsive css I gave you:

td {
display: block;
}

Thanks Ray
Those css additions have helped a lot.
I tried to implement your idea of repeated DIV tags floated left inside of a wrapper DIV but have not yet been able to get this working.
I wondered if you knew of a tutorial for this?
Regards
John

I don't know of a tutorial for it.

If you have an outer div with a width of 100% and then inner divs with width of say 200px floated left, then they will stack as many as can fit on a row before wrapping and as you shrink the window they will move to a new line.