Discussion :

[Mister Paul]

Bonjour,

je cherche à placer côte à côte toutes les images d'un div et à ce que le saut de ligne se passe bien. C'est à dire que, dans mon cas, quand il n'y a plus d'espace horizontal pour placer une image à droite de la précédente, elle soit placée tout à fait à gauche de la ligne du dessous et les images suivantes à sa droite, etc...

Je n'ai pas réussi à faire ça...
(cf image)

[Bovino]

Pas de code, pas de chocolat (ni de réponse précise du reste...)

[Mister Paul]

Pas de code, pas de chocolat

Joli !


Le CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
.galerie {
    margin: 0 15px 10px 0 !important;
    padding: 0 !important;
    background: none !important;
    width: 100px;
}
 
#bloc-galerie img {
    background: #fff;
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px;
    padding: 5px;
}
 
#bloc-galerie { 
  border: thin black solid; 
  overflow: auto;
  }
 
.alignleft { float: left }

Le HTML :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="bloc-galerie"><img class="alignleft"…><img class="alignleft"…><img class="alignleft"…><img class="alignleft"…><img class="alignleft"…><img class="alignleft"…><img class="alignleft"…></div>

[Bovino]

Supprime le float: left; et ça devrait le faire...

[Mister Paul]

Merci Bovino