Image list in Row Format.
Author: Bjorn Andreassen
Visited 1575,
Followers 1,
Shared 0
The images in the list are not properly scaled for different screen widths.
Images have the same height regardless of the screen width and the full width of the image is not displayed.
Posted on the
Bjorn, can you supply a link to the website page with a problem, and a screen shot of the page layout?
Author
Here is images.
PC
[URL=https://imma.gr/77228xdb844][img]https://imma.gr/77228xdb844.jpg[/img][/url]
Mobile
[URL=https://imma.gr/77229x7caa1][img]https://imma.gr/77229x7caa1.jpg[/img][/url]
Author
Bjorn, neither the links nor the images worked.
Please try again.
The site would be best, but if you do a print screen you can paste it in a post with ctrl+v, and of course if you paste to a paint package you can crop and save file then attach (one at a time).
Hello esach
If you "clean" the URL's then they function - but it would give more meaning with a link to a website.
... regular, correct appearance (no! cover/ratio) ... ciao ...
>>
.
Look at this example and narrow down the browser window (or watch from a smartphone) ...
http://www.bozzasito001.altervista.org/stilerighe01/stile-righe-responsive.html
The images seem to adapt completely to various resolutions. I have not used extra code. You just have to try to use images that are almost square (example 1920px X 1600px as the images of my example). If you use rectangular images (example 1920px X 700px) then the latter will not fit and will be cut to mobile resolutions.
Bye
If your images (very likely) are not nearly square, then you can use rectangular images "resting" on a square base (final measurements 1920px X 1920px), as in this example (try to resize the browser window):
http://www.bozzasito001.altervista.org/stilerighe01/index.html
One of the images in the example is this, so you understand better what I mean:
Good example Giuseppe
Thank you John S.