Styling image gallery - strange order of display

Posted by Community Admin on 05-Aug-2018 12:22

Styling image gallery - strange order of display

Sitefinity - Front- & Back-End Development

All Replies

Posted by Community Admin on 15-Aug-2012 00:00

After reordering image I ended up with a strange display

spiritofhair.ch.mserver2.arvixevps.com/.../fotos 

Any idea why this is happening?

Markus

/* Image Gallery */
 
.sfimagesTmbList.sfLightboxMode
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
.sfimagesTmbList.sfTmbDetailsMode
    float: left;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    width: 100%;
 
.sfimagesTmbList.sfTmbDetailsMode .sfimagesTmb
    float: left;
    margin-right: 15px;
    margin-bottom:15px;
    position: relative;
 
.sfimagesTmbList.sfLightboxMode
    list-style: none outside none;
.sfimagesTmbList.sfLightboxMode .sfimagesTmb
    float: left;
    margin-right: 15px;
        margin-bottom:15px;
    position: relative;

Posted by Community Admin on 15-Aug-2012 00:00

Sorry as soon as I posted I saw the reason.

Different image hights. Fixed it by adding a min-height to 
.sfimagesTmbList.sfLightboxMode .sfimagesTmb
    float: left;
    margin-right: 15px;
        margin-bottom:15px;
    position: relative;
    min-height:95px;

Sorry. Admin you might delete this thread.

Markus

This thread is closed