Bonjour,
Alors, voila j'essaye de faire ceci:

Les cadres avec background rouge sont des images enfaîtes sauf par copyright, je ne suis pas autoriser a les montré.
Et les cadres rouge sont les grands espace en trop.
Je souhaite simplement de tout faire coller:

div id="contenaire" style="overflow:auto;margin:auto;width:80%;">
        <img src="./images/work/Maniac-bg.png" style="float:left; max-width:30%;display:block;border:0;padding:0;" vspace="0">
        <img src="./images/work/website.png" style="float:left; max-width:30%;display:block;border:0;padding:0;" vspace="0">
        <img src="./images/work/Maniac-bg.png" style="float:left; max-width:30%;display:block;border:0;padding:0;" vspace="0">
        <img src="./images/work/website.png" style="float:left; max-width:30%;display:block;border:0;padding:0;" vspace="0">
        <img src="./images/work/website.png" style="float:left; max-width:30%;display:block;border:0;padding:0;" vspace="0">
        <img src="./images/work/Maniac-bg.png" style="float:left; max-width:30%;display:block;border:0;padding:0;" vspace="0">
    </div>

Voila merci de votre aide.

Cordialement;

5 réponses


Donne une largeur/hauteur fixée et utilise un truc comme masonry.js

Essayes le display:inline-block; sinon

Mon but et de donnée simplement une largeur car je voudrais que les images soit de taille différente pour les déformer.

Pour reprendre ce qu'a dit grafikart masonry fera nettement l'affaire
après à toi de jouer avec le css et gérer le margin.

Un simple display: inline-block et tu joue avec les margin, etc.