Creare un muro di immagini

[sko22]

Salve è da un po che sto cercando una soluzione per creare una tiled gallery come questa http://www.bloggingtips.info/wp-con...rdpress-jetpack-image-gallery-rectangular.png

chhe si adatti alla grandezza della pagina o del dispositivo.

 

[criric]

Ciao, non è difficile :
usi il width in percentuale. il float left e metti le immagini nella giusta sequenza

 

[sko22]

dovrei farlo per questa pagina: http://shots.gianlucascerni.it/cat/shots
adesso le immagini vanno a capo quando gli pare.
Dovrebbero adattarsi e non lasciare spazi.

 

[criric]

prova a dare un width in percentuale alle liste e uno alle immagini

ul.archivio li {
    width: 20%;
}
ul.archivio li img {
     width: 100%;
}

 

[sko22]

Funziona ma lascia spazi bianchi

 

[criric]

Prova togliendo il margin e creando un bordo interno

ul.archivio li {
    width: 20%;
    margin:0;
    border:3px solid white;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}