Plusieurs images coller l'un a coter de l'autre

Par remy76690, il y a 12 ans


Les bases HTML/CSS

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

Lotfi Berrahal, il y a 12 ans

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.

Grafikart, il y a 12 ans

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

Xtr3me, il y a 12 ans

Essayes le display:inline-block; sinon

remy76690, il y a 12 ans

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

LesTutossUE4, il y a 12 ans

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