En ligne 4.3

Pour Jean-Marie, de Bordeaux, avec des images au ratio 4/3.

<div style="border: 6px ridge grey; height: 569px; margin: 50px 0px 0px -20px; overflow: auto; position: relative; width: 732px;">

<p id="cont">

<img class="disp" src="https://i.goopics.net/0b1q7o.jpg" />

<img class="disp" src="https://i.goopics.net/egsiva.jpg" />

<img class="disp" src="https://i.goopics.net/6rx6my.jpg" />

<img class="disp" src="https://i.goopics.net/9sfway.jpg" />

<img class="disp" src="https://i.goopics.net/x6s0h6.jpg" />

<img class="disp" src="https://i.goopics.net/xjjl97.jpg" />

<img class="disp" src="https://i.goopics.net/3qr545.jpg" />

<img class="disp" src="https://i.goopics.net/7seo9y.jpg" />

</p>

</div>

<style><!--

.disp{width:732px; height:560px;}

#cont{width:5856px; height:549px; display:inline-block;white-space: nowrap; margin-top:0px;}

--></style>

Une remarque: pour obtenir des adresses courtes, vous pouvez héberger vos images gratuitement sur https://goopics.net

D'autre part, si vous voulez ajouter une bordure à vos images sans en modifier la taille (par défaut, la bordure s'ajoute aux dimensions de l'image), vous pouvez ajouter, en ligne css et pour chaque image, l'attribut: border-size:border-box;

Défilement des images par le curseur bas.