Salve a tutti non so se questo e' l'area del forum giusta, cmq io ci provo, in caso mi bacchetterete
in sostanza il problema e' semplice da spiegare, devo realizzare una galleria fotografica con questo effetto che presenta dei div incastonati tra di loro a modi puzzle:
http://pinterest.com/alessandramr/into-the-aquarius/
ci ho provato ma il risultato e' il seguente:
http://www.ilfogliobianco.it/php/barchette_2013/boat.php?boat=1&gruppo=01-49
la mia domanda e':
come faccio a fare in modo che le foto piu' piccole vadano a incastrarsi, senza lasciare degli spazi vuoti come si vede nel mio esempio?
vi posto il codice dei div che ho utilizzato:
per la foto lunga in verticale:
div.polaroid_v1
{
width:227px;
height: 335px;
border:1px solid #BFBFBF;
background-color:white;
/* Add box-shadow */
box-shadow:2px 2px 3px #aaaaaa;
}
per la foto in orizzontale:
div.polaroid_h1
{
width:227px;
height: 223px;
border:1px solid #BFBFBF;
background-color:white;
/* Add box-shadow */
box-shadow:2px 2px 3px #aaaaaa;
}
grazie 1000 e in anticipo x l'aiuto
in sostanza il problema e' semplice da spiegare, devo realizzare una galleria fotografica con questo effetto che presenta dei div incastonati tra di loro a modi puzzle:
http://pinterest.com/alessandramr/into-the-aquarius/
ci ho provato ma il risultato e' il seguente:
http://www.ilfogliobianco.it/php/barchette_2013/boat.php?boat=1&gruppo=01-49
la mia domanda e':
come faccio a fare in modo che le foto piu' piccole vadano a incastrarsi, senza lasciare degli spazi vuoti come si vede nel mio esempio?
vi posto il codice dei div che ho utilizzato:
per la foto lunga in verticale:
div.polaroid_v1
{
width:227px;
height: 335px;
border:1px solid #BFBFBF;
background-color:white;
/* Add box-shadow */
box-shadow:2px 2px 3px #aaaaaa;
}
per la foto in orizzontale:
div.polaroid_h1
{
width:227px;
height: 223px;
border:1px solid #BFBFBF;
background-color:white;
/* Add box-shadow */
box-shadow:2px 2px 3px #aaaaaa;
}
grazie 1000 e in anticipo x l'aiuto