[Résolu] Faire une galerie sous Linux (comme avec lightroom)

[pascal]

Remplace les éléments suivant dans le CSS et tu as 4 vignettes par ligne. J'ai mis quelques commentaires pour aider à changer.

Code :

.title{
 margin-left: auto;
 margin-right: auto;
 margin-top: 50pt;
 margin-bottom: -5pt;
 background-color:#5a5858;
 color:#d2d0d0;
 padding: 0pt;
 font-weight:bold;
 font-size:20pt;
 width: 900px; /* width of page (below) + padding (below 20px). */
}
.page{
 background-color:#d2d0d0;
 padding: 20px;
 padding-right: 0px;
 padding-bottom: 40pt;
 margin-left: auto;
 margin-right: auto;
 margin-top: 0pt;
 margin-bottom: 0pt;
 /* width 220 for each thumbs, 3 on line => 660, 4 => 880 */
 width: 880px;
 counter-reset: section;
 border-style:solid;
 border-width:1px;
 border-color:#222222;
}
.footer{
 background-image:none;
 background-color:#5a5858;
 padding: 0pt;
 text-align:right;
 margin-left: auto;
 margin-right: auto;
 margin-top: 5pt;
 margin-bottom: 20pt;
 width: 692px;
}

.dia img {
 align-self: center;
}

.page div {
 height:250px;
 float:left;
 max-width:200px;
 margin:0px;
 margin-right:20px;
 margin-bottom:30px;
}

.page .dia{
 background-color:#5a5858;
 margin-right:0pt;
 margin-bottom:10pt;
 margin-top:4px;
 width:200px;
 height:200px;
 border-style:solid;
 border-width:1px;
 border-color:#222222;
 display:table-cell;
 vertical-align:middle;
 text-align:center;
 display: flex;
 justify-content: center;
}