WebSite X5Help Center

 
Bjorn Andreassen
Bjorn Andreassen
User

Image list in Row Format.  en

Auteur : Bjorn Andreassen
Visité 1437, Followers 1, Partagé 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.

Posté le
10 RéPONSES - 2 UTILE
Esahc ..
Esahc ..
Moderator

Bjorn, can you supply a link to the website page with a problem, and a screen shot of the page layout?

Lire plus
Posté le de Esahc ..
Bjorn Andreassen
Bjorn Andreassen
User
Auteur

PC

Mobile

Lire plus
Posté le de Bjorn Andreassen
Esahc ..
Esahc ..
Moderator

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).

Lire plus
Posté le de Esahc ..
John S.
John S.
User

Hello esach

If you "clean" the URL's then they function -  but it would give more meaning with a link to a website.

Lire plus
Posté le de John S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... regular, correct appearance (no! cover/ratio) ... ciao ...

  >>  

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User

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

Lire plus
Posté le de Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

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:

Lire plus
Posté le de Giuseppe Guida
John S.
John S.
User

Good example Giuseppe 

Lire plus
Posté le de John S.
Giuseppe Guida
Giuseppe Guida
User

Thank you John S. wink

Lire plus
Posté le de Giuseppe Guida